nuxt-markdown-blog

Create a simple markdown blog with Nuxt.js

Read my blog post here

Setup summary

1. Create a new nuxtjs app: yarn create nuxt-app nuxt-markdown-blog
2. Add frontmatter-markdown-loader Webpack Loader
3. Add markdown content as blog posts
4. Add dynamic view using slug params
5. Generate ready to deploy static web site

Build Setup

# install dependencies
$ yarn install

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

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

# generate static project
$ yarn run generate

For detailed explanation on how things work, checkout :

• Nuxt.js docs
• frontmatter-markdown-loader package