How we used Nuxt and Composition API in Vue Storefront?

on YouTube ↗44m

" summary

Claim: a full rewrite of Vue Storefront onto Nuxt plus the Composition API turns a monolith into domain-oriented independent packages, eliminates the need for Vuex for most e‑commerce cases, and ships composables as the public API. Built: Vue Storefront Next, many composable packages, and a sharedRef workaround for Nuxt SSR because the Nuxt Composition API module injects keys. Result: production rollout with caveats and extra workarounds but overall no Vuex needed and much simpler modular code.

AI-written summary · about

" chapters (20)

1. 0:00Intro
2. 0:52What is Storefront
3. 3:22What is Composition API
4. 5:14Composition API benefits
5. 5:54Component level
6. 12:22Composition API
7. 14:32Vue Storefront
8. 19:59Why use Composition API
9. 22:23Solution
10. 23:28Shared State
11. 25:21Conclusion
12. 25:58Questions
13. 26:46Why not use Nuxt
14. 28:19Modularization
15. 29:54Mindset
16. 32:12Never modify tools internals
17. 36:06repositories
18. 37:06best practices
19. 40:27style guide
20. 41:46split smart and dump components

" related talks

• 36mThe biggest eCommerce Vue project with Composition APIFilip Rakowski · vueday 2020
• 23mMaking eCommerce sexy again with Vue Storefront and Composition APIFilip Rakowski · Vue.js Amsterdam 2020
• 46mNuxt.js and the Composition APIAlexander Lichter · vueday 2021
• 30mOpen Source eCommerce with Nuxt and Vue StorefrontFilip Rakowski · Vuejs Amsterdam 2024
• 22mIntroduction to Vue Storefront NextFilip Rakowski · Vue.js Global 2020
• 30mImplementing an eCommerce online shop in no time using a boilerplate approachKristina Keil, Juan Garcia · code.talks 2022
• 21mHow to enable large scale collaboration between disciplines using NuxtYassine El Ouazzani · JSWorld Conference 2022
• 22mWays to architecture your vue/nuxt appGeisy Domiciano · JSDay 2019