Nuxt.js and the Composition API
summary
Nuxt provides a Composition API module that exposes concrete composables: useFetch behaves like Nuxt fetch on server but is non‑blocking on the client, useAsync returns a ref and runs on server for initial render, and useStatic runs at build time and emits JSON files for SSG. Nuxt re-exports Vue composables, supports SSR/SSG, and plans Nuxt 3 alpha/beta releases; an implemented example builds a canonical-link composable with useMeta that works, while ssrRef requires explicit keys in global composables to avoid cross-request collisions.
AI-written summary · about
chapters (13)
- 0:00Start
- 0:56Alexander Lichter
- 5:27Goals of the Vue 2 Composition Api
- 8:11Goals
- 9:22Release Plan
- 12:49Use Fetch State in a Template
- 13:35Context
- 17:38Fetch Data in the Composition Api
- 23:53On Global Setup
- 25:48Seo
- 28:15Canonical Link Index
- 31:55Gotchas
- 44:46Workshop
related talks
40mNuxt.js and the Composition API
21mWhat is Nuxt 2020?!
44mHow we used Nuxt and Composition API in Vue Storefront?
34mNuxt + Strapi + Composition API = ❤️
44mNuxt.js - Why? How? Oh yeah!
18mNuxt.js - Just Vue and a bit of magic?
26mThe State of Nuxt
34mNuxt + Vue: The Game-Changer Your New Projects Deserve