Nuxt.js and the Composition API
summary
Nuxt.js provides a composition-api module that re-exports Vue’s API and adds Nuxt-specific composables so server rendering, routing and runtime context work with useFetch, useAsync, useContext and friends; examples include a working canonical-link composable built from useCurrentUrl plus useMeta, and SSR-aware refs via useSsrRef. The module (nuxt-community, maintained by Daniel Rowe) aims to ease migration to Nuxt 3, but warns about serialization keys and shared server state when reusing low‑level helpers.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 0:44Composition API Status Quo
- 2:45Nuxt Composition API Module
- 3:54Module Goals and Roadmap
- 5:23Definition Helpers
- 7:35Data Fetching with useFetch
- 11:30Context and useContext
- 14:09Advanced Fetching with useAsync
- 18:22Static Data with useStatic
- 21:24Global Setup and Provide
- 22:27SEO and Meta Tags with useMeta
- 25:07Implementing Canonical Links
- 30:37SSR-Aware Refs and State
- 33:00Gotchas and Best Practices
- 35:26Summary and Q&A
related talks
46mNuxt.js and the Composition API
34mNuxt + Strapi + Composition API = ❤️
18mNuxt.js - Just Vue and a bit of magic?
21mWhat is Nuxt 2020?!
28mComposition API: a Quick overVue
36mThe biggest eCommerce Vue project with Composition API
31mIntroduction to Vue 3's Composition API
44mNuxt.js - Why? How? Oh yeah!