Leveling Up Nuxt: Nuxt 2 - Nuxt 3

on YouTube ↗30m

" summary

Nuxt 3 swaps Webpack for Vite dev server for near-instant HMR, adds first-class TypeScript and Composition API support, and introduces a real server directory for API routes and Nitro extensions. Route rules enable hybrid per-route rendering with cached responses and background revalidation (demo notes ~1 minute revalidate), zero‑config deploys to Netlify/Vercel/Cloudflare, auto-imported composables/components, .client/.server suffixes, and a Nuxt Bridge path to migrate Nuxt 2 projects.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 4:00Universal Rendering
3. 7:43Tooling
4. 12:43components
5. 18:39plugins provide global helpers, register Vue plugins and directives

" related talks

• 30mThe Future of Nuxt 3Dan Vega · Vueconf.US 2022
• 47mReal and Scalable Applications with Nuxt, Vuex and TypescriptQuique Fdez Guerra · Vuejs Roadtrip Barcelona 2018
• 19mMigrating Your Nuxt/Vue App to TypeScriptMillan Singh · Vue.js Nation 2024
• 26mFuture of VueEvan You · JSWorld Conference USA 2021
• 41mVue 3 & Its EcosystemNicolas Frizzarin · Voxxed Days Luxembourg 2022
• 28mRapid Fullstack Development with Nuxt 3 and tRPCCody Bontecou · Vue.js Nation 2023
• 34mState of the VuenionEvan You · Vueconf.US 2023
• 27mRouting and new featuresEduardo San Martin Morote · Vuejs Amsterdam 2023