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

Introduction to Front-end Development with ReactJS
Coursera Project Network via Coursera
Creating a Personal Site with Gatsby
Coursera Project Network via Coursera
Git a Web Developer Job: Mastering the Modern Workflow
Udemy
HTML5 para quem não sabe nada de HTML5
Udemy
Gatsby JS: Build PWA Blog With GraphQL And React + WordPress
Udemy