Pre-Rendering Media Sites with Nuxt.js & Netlify
summary
Combines Drupal as a content backend with Vue.js/Nuxt.js static-site generation and Netlify hosting to pre-render media and publishing sites for better SEO and caching. Explains why to use Vue/Nuxt, how to pre-render sites on Netlify, and how to handle dynamic parts using client-side Custom Elements.
AI-written summary · about
chapters (19)
- 0:00Intro
- 0:43What's pre-rendering
- 0:57Why pre-render?
- 1:58Why Vue.js?
- 5:54Netlify + Nuxt.js
- 6:50Great setup for serving content
- 7:29but how do you
- 7:53Personalization via API
- 8:24Instant updates
- 12:34Pre-render the page shell
- 12:44Frontproxy: Pre-build page response
- 13:50Frontproxy + API backend
- 14:15Lupus CE Renderer module
- 15:01Client-side route changes!
- 17:36Custom Elements & SEO
- 18:24Custom elements module
- 18:46A novel approach to
- 19:31Conclusions
- 20:00Nuxt.js rendering options!
related talks
19mNuxt 100% Preloaded
55mNuxt.js: isomorphic Vue.js Apps made easy, fast and fun
33mVue Rendering Modes
22mThe Best of Both Worlds: ISG for Nuxt
34mNuxt + Vue: The Game-Changer Your New Projects Deserve
38mBeyond Static: Building with Nuxt 3 and Nitro
20mA Saga of Web Rendering Woes
25mHow Vite Makes Nuxt Possible