Building Blazing Fast Sites with Gridsome
summary
Claims that Gridsome pre-renders Vue components at build time and provides a centralized GraphQL data store are demonstrated concretely: a recipes site pulls content from Craft CMS via a GraphQL source plugin, markdown articles become a collection, and pages are created programmatically with the createPages API so each slug gets its own route. The demo shows SmartLink prefetching, progressive images, CDN-friendly static output, and a cited cost drop from $2000 to $60 monthly.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 0:58What is Gridsome
- 1:20What is Jamstack
- 1:47What is a static site
- 4:08Benefits of Gridsome
- 6:06Prerendered HTML
- 6:52SmartLink Prefetch
- 7:12Progressive Image Loading
- 7:49CDN Based Hosting
- 8:18Security
- 8:44Scaling
- 9:28What does Gridsome do
- 11:33How it works
- 12:10Live Demo
- 12:20Building an Application
- 24:41Querying Posts
- 25:42Conclusion
related talks
08mCreating a Website With Gridsome
27mJAMstack FTW- Static Site Generation With Gridsome
31mOptimizing for Super Sonic Speed in Vue.js & Gridsome
31mOptimizing for Super Sonic Speed in Vue.js & Gridsome
20mA Saga of Web Rendering Woes
24mThe Performance Aspect of Building and Deploying Static Sites
22mBuilding faster content-driven sites
30mGrowing with Gatsby