YoVDO

Build a Digital Garden with Nuxt and Nuxt Content Module

Offered By: egghead.io

Tags

Nuxt.js Courses Web Development Courses Markdown Courses Content Management Courses Netlify Courses

Course Description

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

Related Courses

Learn to code with AI
Scrimba
Deploying with Netlify and Heroku
Codecademy
Build a product splash page with HTML and CSS
Scrimba via Coursera
Build a Responsive Website with HTML and CSS
Scrimba via Coursera
How to deploy with Netlify
Scrimba via Coursera