Personal blog built with Next.js 16, TypeScript, and MDX. I am very aware that this is an absolute overkill for a personal blog that is fully static. This blog started originally as a playground to learn Next.js and to experiment.
- Blog Posts - MDX-powered blog posts with syntax highlighting, math support (KaTeX), and reading time
- Snippets - Code snippets and system configuration notes
- Projects - Showcase of personal projects
- Tags System - Tag-based organization and filtering for blog posts and snippets
- Search - Client-side search functionality for blog posts
- RSS Feed - Auto-generated RSS feed at
/feed.xml - Sitemap - Dynamic sitemap generation at
/sitemap.xml - Analytics - Umami analytics integration
- Dark Mode - System-aware dark mode with theme switching
- Responsive Design - Mobile-first responsive layout
- SEO Optimized - Metadata and Open Graph tags for all pages
- Framework: Next.js 16 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS 4
- Content: MDX with mdx-bundler
- Syntax Highlighting: highlight.js
- Math Rendering: KaTeX
- Analytics: Umami
npm install
npm run devOpen http://localhost:3000 to view the blog.
You are welcome to fork this repo and use it as a template for your own blog. Comments / suggestions are very much welcome!