Talks

Nuxt Content By Example

George Roe

George Roe

Apprentice Software Engineer

A practical guide to using Nuxt Content for managing and displaying content in Nuxt.js applications, using this very site as an example.

Nuxt Content is a powerful module for Nuxt.js that allows you to create an insanely flexible file-based content management system (CMS).

In this talk, the following will be covered:

  • Guide around the structure of a simple Nuxt Content repo
  • Intro to complex content queries using the queryContent API
  • How to set frontmatter in markdown content files
  • How to use custom components in markdown content files
  • How tailwindcss and Nuxt UI can be used to create a more stylish content site
  • KaTeX and mermaid.js support
  • How Nuxt Content + Nuxt UI is being used to create the GUILT documentation site (WIP at point of writing)

Resources