illustration for Build a Digital Garden with Nuxt and Nuxt Content Module
pro

Build a Digital Garden with Nuxt and Nuxt Content Module

Instructor

Ben Hong
24m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.6
54
people completed
Published 11 months ago
|
Updated 9 months ago

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.

What you'll learn:

  • Create a blog with minimal overhead
  • Store files in as flat a structure as possible
  • Integrate local data and a git workflow into a blog site
  • Manage post metadata with frontmatter
  • Filter blog posts by tag

Learner Reviews

  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Fast and clear explanation! Thx a lot.

    Learner
    2 weeks ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Fast and cool way to play with Nuxt.

    Eric Pereira
    10 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Well-rounded course showing Nuxt in minimal time.

    The result of the course is a bit quick-n-dirty (lacking linting, typescript, tests). Would love to know some best practices (as you did with asyncData vs async created)

    Learner
    10 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I really enjoyed this course! It was great to go from nothing to deploying in such a short time. I really liked learning about dynamically creating pages for my content. It's something I've been trying to figure out on my own and struggling with but this course made it easy! :)

    Lucas
    10 months ago

Course Content

24m • 10 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers
    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout
    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use
    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.