Build a Digital Garden with Nuxt and Nuxt Content Module
Offered By: egghead.io
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.
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 AIScrimba 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