Blog Scaffolding using Nuxt and @nuxt/content

Create blog posts from the command line and get them up and running automaticly.

Folder Structure

All the magic occurs inside content folder. Here we have authors, categories, and posts. In all cases the name of the file is taken as its slug

Authors

Authors live in content/authors folder and are declared in json files.

sample-author.json

{
  "name": "Sample Author",
  "avatar": "http://icons.iconarchive.com/icons/diversity-avatars/avatars/256/batman-icon.png"
}

Categories

Categories live in content/categories folder and are declared in json files.

remote-work.json

{
  "name": "Remote Work"
}

Posts

Posts live in content/category/{category-slug} folder and they are declared in md files. It's important to match the folder name with the category. (You can use the command-line tools, described above, if you dont want to worry about it)

---
title: How to do zoom meetings
description: 'this is the description'
image: https://images.unsplash.com/photo-1588196749597-9ff075ee6b5b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1934&q=80
author: sample-author
category: remote-work
---

# You can write markdown here

[Take a look to Nuxt contenct documentation!](https://content.nuxtjs.org/writing)

Command-line tools

You can use these convinient helpers for creating Authors, Categories and Posts:

• yarn new:author
• yarn new:category
• yarn new:post

These commands will generate the files in the right folders

Install

Clone this repo as a boilerplate and then

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate