Creating a Website With Gridsome

on YouTube ↗08m

" summary

Gridsome is a Vue-based static-site generator that compiles a ready-to-deploy folder, provides a local dev server and HMR, and maps files in /pages to routes; it claims Smart Data prefetch via <g-link> so linked pages prefetch when visible and claims progressive images by generating base64 blurups at build time. It ingests Markdown, CMSs or any REST API (example: auto-regenerate from GitHub commits), and uses CLI commands like gridsome build to produce the final static site.

AI-written summary · about

" chapters (4)

1. 0:00Introduction
2. 0:16Gridsome in 5 minutes
3. 4:02Pages in Gridsome
4. 5:52Next steps and sources

" related talks

• 27mBuilding Blazing Fast Sites with GridsomeJake Dohm · Vue.js Amsterdam 2020
• 27mJAMstack FTW- Static Site Generation With GridsomeGift Egwuenu · Vue.js Global 2020
• 31mOptimizing for Super Sonic Speed in Vue.js & GridsomeShodipo Ayomide · Vue.js Global 2020
• 26mStatic Site Generation is AwesomeAlex Kyriakidis, Rolf Haug · Vue.js Amsterdam 2019
• 31mOptimizing for Super Sonic Speed in Vue.js & GridsomeShodipo Ayomide · Vue.js Global 2020
• 26mBe Lazy, Be Smart, Be Nuxt.Sébastien Chopin · ReactiveConf 2019
• 23mFell Static with NuxtDebbie O'Brien · Vue.js Amsterdam 2020
• 27mUniversal Vue applications with Nuxt.jsChristoffer Noring · International JavaScript Conference Munich 2019