~/talk

JAMstack FTW- Static Site Generation With Gridsome

Talkat Vue.js Global 2020 · 2020-09-17..09-18· [vue]
slides:none on file

JAMstack basics plus a Gridsome-focused demo that actually builds a tiny blog: the site uses a GraphQL data layer with programmatic collections (actions.addCollection / addNode), then creates pages with the createPage API, showing that each static HTML file gets a companion JSON for fast client hydration and prefetching. Highlights: automatic code-splitting, g-image optimized images, g-link prefetch via IntersectionObserver, and a live workflow that requires rerunning gridsome develop to update the schema — deploys as static files to a CDN.

AI-written summary · about

  1. 0:00Start
  2. 8:40Automatic Code Splitting
  3. 9:16Smart Link Prefetching
  4. 9:55Plugin Ecosystem
~/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.