~/talk

Fell Static with Nuxt

Talkat Vue.js Amsterdam 2020 · 2020-02-20..02-21· [vue, serverless]
slides:none on file

Claims that Nuxt static pre-rendering works for more than blogs and shows it: a working blog plus conferences and workshops pages using Nuxt generate, content in Netlify CMS, a Hasura GraphQL backend wired to Apollo, and build webhooks that redeploy on every save. Hasura setup takes about 2.5–3 hours and the pipeline deploys successfully; dynamic parts like a booking engine stay SPA by excluding routes. Demonstrations include payload hydration, caching benefits, and live deploy logs.

AI-written summary · about

  1. 0:00Intro
  2. 1:19Nuxt Benefits
  3. 4:47Headless CMS
  4. 5:31Netlify CMS
  5. 7:15Nuxt Dynamic Routes
  6. 7:37Nuxt Crawler
  7. 10:11Add a new table
  8. 10:42GraphQL Endpoint
  9. 10:59GraphQL Playground
  10. 11:48Call the GraphQL API
  11. 11:59Apollo
  12. 12:17Add our Query
  13. 12:42Network Tab - Call API
  14. 12:58Generate on Update
  15. 13:20Create your trigger
  16. 13:42Netlify Build Hooks
  17. 14:00Add the URL to Hasura
  18. 14:27Netlify Deploys
  19. 14:48Nuxt Hydration
  20. 15:47Nuxt Static Module
  21. 16:23Call the payload
  22. 17:13Async Data
  23. 18:06Convert to a static sit v
  24. 19:01SPA inside a Static site
  25. 20:21Why Static? No server: cheaper, safer
  26. 22:10Vue School
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.