Hybrid Rendering with Zero Config - Nuxt loves Azure SWA

on YouTube ↗12m

" summary

Nuxt 3 compiles away to a tiny runtime and Nitro auto-detects Azure Static Web Apps workflows to produce a public folder and an Azure Functions functions folder so static assets and server functions deploy with zero config. Server routes live under server/api and use the H3 framework and auto-imported helpers for isomorphic fetch. Per-route hybrid rendering and cache strategies are configurable, Nitro traces node modules down to a 625 KB runtime and demos show dynamic edge rendering working.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 1:56Universal Deployment with Zero Configuration
3. 2:46Dev Dependency
4. 3:40Create Server Routes
5. 4:03Event Handler
6. 7:53Hybrid Framework

" related talks

• 38mBeyond Static: Building with Nuxt 3 and NitroDaniel Roe · Nuxt Nation 2022
• 17mState of Nuxt3Pooya Parsa · Vuejs Amsterdam 2021
• 55mNuxt.js: isomorphic Vue.js Apps made easy, fast and funDavid Guijarro · iJS London 2019
• 19mThe Nuxt WebSébastien Chopin · JSWorld Conference 2022
• 32mNuxt3 in ActionSébastien Chopin · Vuejs Amsterdam 2021
• 19mNuxt 100% PreloadedDaniel Kelly · Nuxt Nation 2021
• 15mWelcome to Nuxt 3Alexandre Chopin · Vue.js London Live 2021
• 26mBuilding for the EdgeSébastien Chopin · StrapiConf 2025