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
- 01
Reading Markdown files
Parse the /posts directory with gray-matter for front matter and content.
- 02
Dynamic routes
Generate static pages with generateStaticParams for each post.
- 03
Syntax highlighting
Process Markdown code with rehype-highlight.
- 04
Categories & tags
Listing pages per category/tag with pagination.
- 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