How Vite Makes Nuxt Possible

on YouTube ↗25m

" summary

Explains how Nuxt 3 uses Vite, Rollup and unplugin to enable magic-keyed composables (file+position keys injected so server and client share state), automatic imports and components, and fast iterative development via two Vite builds (server + client) and Vite Node. Shows extracting Vite plugins into Nuxt modules, counts 11 built-in Vite plugins, and demonstrates runtime-configurable asset URLs plus CSS emitted as separate chunks and inlined to cut layout shift.

AI-written summary · about

" chapters (9)

1. 0:00Introduction to Vite and Nuxt
2. 3:56Why Vite powers Nuxt
3. 7:08Building a Nuxt module with Vite
4. 10:44Developer experience with Vite
5. 14:18Auto-keyed composables in Nuxt
6. 17:05Inline CSS for performance
7. 19:32Runtime asset URL handling
8. 22:17SSR and Vite challenges
9. 24:07Closing and resources

" related talks

• 50mNuxt and Vite Core Teams LIVE panelEvan You, Sébastien Chopin, Pooya Parsa, Anthony Fu, Matias Capeletto · Nuxt Nation 2022
• 32mNuxt3 in ActionSébastien Chopin · Vuejs Amsterdam 2021
• 43mInside a Pipeline: Demystifying Vite and Its PluginsEstéban Soubiran · Devoxx France 2026
• 23mFuture of Nuxt and ViteDaniel Roe · ViteConf 2025
• 32mHow Vite Changes the Game for Vue and Web developmentAlex Kyriakidis · Vuejs Amsterdam 2021
• 34mNuxt + Vue: The Game-Changer Your New Projects DeserveDaniel Kelly · Frontend Nation 2024
• 39mUnJS: Nuxt 3 behind the scenesPooya Parsa · Nuxt Nation 2022
• 23mNuxt: Making an Extensible Meta FrameworkDaniel Roe · ViteConf 2023