This is a lightweight, minimalistic blog template built with Next.js 15, MDX, Tailwind CSS, and shadcn/ui.
- Framework - Next.js (v15)
- Language - TypeScript
- Styling - Tailwind CSS (v4)
- UI Components - shadcn/ui
- Static Content Management - MDX
- Syntax Highlight - Rehype Pretty Code + Shiki
- Deployment - Vercel
- Code Linting - ESLint (v9, Flat Config)
- Code Formatting - Prettier
This project follows a minimalist approach to building a Next.js-based MDX blog.
- Official-First: Prioritize using official Next.js libraries to ensure stability and maintainability.
- Minimal & Fast: Keep the project lightweight and fast, avoiding unnecessary dependencies.
Follow these steps to set up and run the project on your local machine.
Note
This repository is set as a Public Template, so you can use it as a template by clicking "Use this template"!
git clone git@github.com:cakegaly/next-minimal-blog.git
cd next-minimal-blogpnpm i
cp .env.example .env.localPlease set http://localhost:8888 to NEXT_PUBLIC_APP_URL.
pnpm buildpnpm devVisit http://localhost:8888 to see the site in action 🎅
This project is automatically deployed on Vercel.
This project is licensed under the MIT License.
This project was inspired by and heavily influenced by the following open-source projects:
- shadcn/ui – The best UI library for building modern, accessible design systems. This incredible project served as the foundation for the design of this template.
- shadcn/taxonomy – A well-structured and minimal approach to building content-driven applications with Next.js and shadcn/ui.
- astro-nomy – A beautifully designed Astro blog template that influenced the content and design philosophy of this project.
If you find this project useful, feel free to give it a ⭐ on GitHub!
