CODESEEDSign in
Explore projects
TypeScriptintermediateweb

Markdown Blog Engine

Static blog engine based on local Markdown files, with YAML front matter, categories, RSS feed, and syntax highlighting.

5 steps

Project steps

  1. 01

    Reading Markdown files

    Parse the /posts directory with gray-matter for front matter and content.

  2. 02

    Dynamic routes

    Generate static pages with generateStaticParams for each post.

  3. 03

    Syntax highlighting

    Process Markdown code with rehype-highlight.

  4. 04

    Categories & tags

    Listing pages per category/tag with pagination.

  5. 05

    RSS Feed

    Automatically generated /rss.xml endpoint from posts using the rss library.

Recommended resources

Ready to build this?

Fork the repo on GitHub and start building. A mentor will review your code when you open a PR.

5 steps

Tech stack

Next.jsTypeScriptgray-matterrehype-highlightrss