Full Stack with Nuxt

on YouTube ↗23m

" summary

A demo of Nuxt full‑stack focuses on concrete mechanics: Nitro + H3 powering server routes hot-reload, SSR that calls API functions directly instead of making HTTP requests, and TypeScript RPC‑style autocompletion. It adds an on‑edge stack with SQLite + KV + Blob storage and DevTools visibility, deploys to Cloudflare Pages deployment, and shows an image upload flow that mostly works though a blob size bug appears in development. The repo and CLI for zero‑config deploy are published for immediate testing.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 0:52Traditional Nuxt Apps
3. 2:02Server Routes and API
4. 3:55Nitro and H3 Framework
5. 5:05Performance and Scaling
6. 5:52TypeScript and RPC
7. 7:17Nuxt Dev Tools
8. 8:01Nuxt Hub Introduction
9. 9:30Demo: Image Upload
10. 13:47Demo: Data Persistence
11. 15:34Demo: Deployment and Remote
12. 19:58Conclusion and Q&A

" related talks

• 35mFull stack development with Nuxt 3 and NitroPooya Parsa · JSWorld Conference 2022
• 27mNuxt 3 – More Than Vue 3 on SteroidsAlexander Lichter · JetBrains JavaScript Day 2022
• 18mNuxt.js - Just Vue and a bit of magic?Alexander Lichter · CityJS Berlin 2024
• 33mNew Developer Experiences with Nuxt 3Daniel Roe · JSWorld Conference 2022
• 44mNuxt.js - Why? How? Oh yeah!Alexander Lichter · VueDay 2019
• 19mThe Nuxt WebSébastien Chopin · JSWorld Conference 2022
• 23mFell Static with NuxtDebbie O'Brien · Vue.js Amsterdam 2020
• 26mBe Lazy, Be Smart, Be Nuxt.Sébastien Chopin · ReactiveConf 2019