Going Static in a Dynamic World with Hasura and Nuxt.js

on YouTube ↗27m

" summary

Shows how to build a static Nuxt site that fetches live data from Hasura + GraphQL endpoint, uses a lightweight HTTP plugin (no Apollo), and embeds queries via asyncData so pages generate at build time. Uses Nuxt Full Static target plus the new crawler and live preview (preview=true) to produce per-page payload JS cache, and wires Hasura event triggers to a Netlify build hook so content edits regenerate only payloads (seconds not minutes).

AI-written summary · about

" chapters (7)

1. 0:00Intro
2. 0:49Agenda
3. 1:17Nuxt.js
4. 4:21How static sites work
5. 10:12Hasura and GraphQL
6. 18:27Build hooks & trigger with Netlify deployment
7. 22:24Nuxt.js full static

" related talks

• 40mGoing Static in a Dynamic World with Hasura and Nuxt.jsDebbie O'Brien · Build Stuff 2020
• 35mDynamic from static with the RIGHT stackMaya Shavin · Vue.js Global 2020
• 26mThe State of NuxtSébastien Chopin · Vue.js Global 2020
• 34mNuxt + Strapi + Composition API = ❤️Alexander Lichter · StrapiConf 2021
• 31mFast & Furious - Going headless with Nuxt.js!Samuel Snopko · Vue.js London Live 2021
• 38mLarge Scale Nuxt ArchitectureFotis Adamakis · vueday 2022
• 26mOptimising Developer Experience with Nuxt 3Daniel Roe · Vue.js London Live 2021
• 29mBuilding modern web-applications with Hasura's GraphQL engineMarion Schleifer · ITNEXT Summit 2019