Dynamic from static with the RIGHT stack

on YouTube ↗35m

" summary

Shows how to add dynamic features to a static Vue site by combining Vue with a CDN-backed static build, a headless CMS and Netlify for deploys and previews, plus serverless functions (AWS Lambda or Netlify Functions) for auth, forms and DB access. Demonstrates a working demo: live preview, form submission, and protected API routes, all delivered from the CDN with serverless backends, keeping page loads fast while enabling real-time editing and per-user data.

AI-written summary · about

" chapters (5)

1. 0:00Introduction
2. 10:04Static site benefits
3. 20:06Performance optimization
4. 30:25Live previews and tools
5. 34:13Q&A and closing

" related talks

• 40mGoing Static in a Dynamic World with Hasura and Nuxt.jsDebbie O'Brien · Build Stuff 2020
• 27mGoing Static in a Dynamic World with Hasura and Nuxt.jsDebbie O'Brien · GOTOpia Europe 2020
• 40mStatic and Dynamic Next.jsGuillermo Rauch · JSHeroes 2017
• 26mBe Lazy, Be Smart, Be Nuxt.Sébastien Chopin · ReactiveConf 2019
• 41mBuilding for the Edge with Nuxt 3 (live coding)Daniel Roe · vuejs.de Conf 2022
• 37mAre you being servered? — exploring a serverless webPhil Hawksworth · International JavaScript Conference Munich 2019
• 28m⚡️ FEDC 2018 - Chris CoyierChris Coyier · Front-End Design Conference 2018
• 29mBuild highly dynamic apps with Vue.jsNorbert Frank · RuhrJS 2018