Developer Experience with Nuxt

on YouTube ↗24m

" summary

Nuxt 3 claims much faster feedback by switching to Vite HMR and shipping Nitro backend reloads so client, server and API edits apply without restarts. Conventions like file routing and components auto-imports cut boilerplate and are fully typed, not just promised. To fix lost transparency, a Vit plugin inspect and a built Nuxt Devtools with embedded VS Code server let developers see transforms, component graphs, runtime hooks and reactive config. The Devtools demo mostly works though some features remain early preview.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 1:53Responsiveness
3. 3:09Common Practices
4. 4:31Conventions
5. 6:22Ecosystem
6. 7:00One problem - Transparency
7. 7:43vite-plugin-inspect

" related talks

• 33mNew Developer Experiences with Nuxt 3Daniel Roe · JSWorld Conference 2022
• 26mOptimising Developer Experience with Nuxt 3Daniel Roe · Vue.js London Live 2021
• 40mNow, and the Future of Nuxt DevToolsAnthony Fu · Nuxt Nation 2023
• 38mHow vite changes the game for Vue and Web developmentAlex Kyriakidis · JSWorld Conference 2022
• 20mVite - The Next Generation Frontend ToolingDevlin Duldulao · React Advanced 2021
• 33mNuxt's Hidden Treasures: 8 Gems Every Nuxt Dev Should Know!Alexander Lichter · Nuxt Nation 2023
• 26mVue & Vite DevtoolsGuillaume Chau · Vuejs Amsterdam 2024
• 15mNew Ways to VueAnthony Fu · Vue.js London Live 2021