Going Static in a Dynamic World with Hasura and Nuxt.js
summary
Argues that static sites can be fully dynamic by wiring Hasura GraphQL to Nuxt.js, using Hasura to auto-generate APIs, Netlify build hooks and event triggers to regenerate payloads, and Nuxt full-static with payload caching and stale-while-revalidate for dynamic pages. Demonstrates a live conference site CRUD flow, automatic deploys and serverless on static hosts (even GitHub Pages) working end-to-end. Shows Space Jam still scores 100 in Lighthouse, Nuxt static demo scores 99, and pages at 0.05g CO2.
AI-written summary · about
chapters (9)
- 0:00Introduction and speaker intro
- 3:08What is Nuxt.js
- 10:06Static sites of the 90s
- 14:56Why static is the future
- 20:11Adding data with Hasura
- 28:34Handling data changes
- 31:24Hybrid static and dynamic content
- 32:27Nuxt serverless demo
- 37:16Why static recap and Q&A
related talks
27mGoing Static in a Dynamic World with Hasura and Nuxt.js
35mDynamic from static with the RIGHT stack
26mThe State of Nuxt
38mLarge Scale Nuxt Architecture
26mOptimising Developer Experience with Nuxt 3
25mHow we are optimizing Nuxt without removing features in VueStorefront
32mUnderstand the hard parts of Nuxt
24mThe Performance Aspect of Building and Deploying Static Sites