Building for the Edge with Nuxt 3 (live coding)
summary
Live-coded a small "cat-as-a-service" Nuxt 3 app that uses Nuxt 3 with Nitro for server output, validates external API responses with Zod, and fetches via useFetch with typed runtime config for an API token. Built dynamic pages, a client-only 3D model, and an API route cached with stale-while-revalidate. Deployed to Netlify using new root rules to make routes incrementally static and add CORS headers. Output shows ~3 MB node_modules versus ~48 MB and dramatic startup improvements; deployment and static-on-request generation succeed.
AI-written summary · about
chapters (9)
- 0:00Introduction to Nuxt 3
- 1:40Building for the Edge
- 5:45Nuxt 3 Development Basics
- 10:46Server API and Validation
- 16:57Frontend Data Fetching
- 21:55Routing and Page Structure
- 27:08Integrating 3D Elements
- 33:25Deployment and Route Rules
- 38:14Conclusion and Future Plans
