Nuxt, Nitro and h3 in Practice - Unleash the Full Stack Beast

on YouTube ↗35m

" summary

Live demo builds a Nuxt app that offloads client fetching to a Nitro API route: it calls the icanhazdadjoke API, rewrites the payload, and stores the last ten jokes in server storage using useStorage/unstorage. Nitro runs runtime-agnostic (Cloudflare Workers, Deno, Node) and exposes H3 helpers so handlers use the Nitro event handler/H3 API types rather than Node internals. Also shows client useFetch + watch to refresh recent jokes after each random-joke request.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to full-stack
2. 1:53Speaker background
3. 2:46Understanding Nitro
4. 5:11The role of h3
5. 7:40Nuxt and Nitro synergy
6. 10:48Practical coding demonstration
7. 27:16Conclusion and closing
8. 29:10Q&A session

" related talks

• 18mNuxt.js - Just Vue and a bit of magic?Alexander Lichter · CityJS Berlin 2024
• 27mNuxt 3 – More Than Vue 3 on SteroidsAlexander Lichter · JetBrains JavaScript Day 2022
• 17mState of Nuxt3Pooya Parsa · Vuejs Amsterdam 2021
• 26mOptimising Developer Experience with Nuxt 3Daniel Roe · Vue.js London Live 2021
• 31mTaking Nuxt to the BackendJakub Andrzejewski · Nuxt Nation 2023
• 23mEdge-rendering with NuxtDaniel Roe · Vuejs Amsterdam 2021
• 38mBeyond Static: Building with Nuxt 3 and NitroDaniel Roe · Nuxt Nation 2022
• 39mUnJS: Nuxt 3 behind the scenesPooya Parsa · Nuxt Nation 2022