Next Markdown Blog

Simple static blog using markdown and Next.js

Demo Link

Usage

• Install dependencies npm install
• Run dev server npm run dev
• Build for prod and export static website npm run build

Technologies

• Next.js Static Side Generation
  • use getStaticProps and getStaticPaths to implenent Dynamic Routes.
• gray matter – Parses front-matter from markdown files.
• marked – Compiles markdown into HTML.
• highlight.js – code syntax highlighter

Reference

• Static Blog With Next.js and Markdown
• Build a static blog from markdown files with Next.js
• How to use Highlight.js on a Next.js site
• marked - highlight
• fs.readdirSync(path[, options])
• fs.readFileSync(path[, options])
• path.join([...paths])