~/talk

Nuxt.js as a headless CMS

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

Nuxt Content module claims 85,000+ downloads and positions Nuxt as a git-based headless CMS that stores markdown/json/yaml in a content folder and serves it to the app via $content.fetch. Features include folder-based routing, params-based dynamic fetch, where/withoutBody queries, previous/next, auto table of contents from H2/H3, Prism-code blocks, live in-browser editing, and a docs theme scaffolded with a single CLI (yarn create nuxt-content docs) that ships search, TOC, versioning and components.

AI-written summary · about

  1. 0:00Start
  2. 6:06Content Module
  3. 12:09Features
  4. 16:39Out of the Box
  5. 17:25Components
  6. 18:47Badge
  7. 19:20Code Sandbox
~/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.