TypeScriptintermediatewebAI Generated
Markdown Blog Engine
Static blog engine based on local Markdown files, with YAML front matter, categories, RSS feed, and syntax highlighting.
5 stepsNext.js · TypeScript · gray-matter · rehype-highlight · rss
Project Roadmap
- 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.
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