Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Build a Digital Garden with Nuxt and Nuxt Content Module

via egghead.io

Overview

When you are first building your blog site, choosing what content management system you want to use can be challenging, and choosing a new framework can be daunting. They can be overwhelming and have a large learning curve.
Open up your knowledge of a powerful Nuxt module with Nuxt Content! Nuxt has a low barrier of entry, and you don't have to fight with a content management system or API keys.
In this course, you will learn how to create your blog with just Nuxt and a folder of markdown files. Ben will take you from creating your Nuxt project from scratch all the way to deploying your digital garden on Netlify.
Ben Hong is one of the core team members over at Vue.js and has developed this course to give you a concrete understanding of Nuxt Content and how to build your blog efficiently.

Syllabus

  • Create a new Nuxt project
  • Setup and configure Nuxt Content
  • Explore Writing Content in Markdown Files using Nuxt Content
  • Fetch Content using the Created Lifecycle Hook
  • Use Frontmatter to Add Metadata to Notes
  • Create Dynamic Pages to Render Content Pages
  • Statically Generate Notes using asyncData
  • Use sortBy to Sort Notes by Frontmatter Keys
  • Use the computed Property to Filter Notes by Tag
  • Deploy Your Digital Garden on Netlify

Taught by

Ben Hong

Reviews

Start your review of Build a Digital Garden with Nuxt and Nuxt Content Module

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.