Next.js Minimal Blog Template

This is a lightweight, minimalistic blog template built with Next.js 15, MDX, Tailwind CSS, and shadcn/ui.

Tech Stack

• Next.js – App Router, v15.2.3
• Tailwind CSS – Utility-first styling
• shadcn/ui – Beautiful, customizable UI components
• MDX – Markdown + React components
• Rehype Pretty Code – Code syntax highlighting with customizable themes
• Vercel – Hosting & deployment
• ESLint + Prettier (Flat Config) – Code formatting & linting

Project Philosophy

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.

Running Locally

Follow these steps to set up and run the project on your local machine.

Clone the repository

git clone [email protected]:cakegaly/next-minimal-blog.git
cd next-minimal-blog

Install dependencies & Set up environment variables

pnpm install
cp .env.example .env.local

Build the project

pnpm build

Start the development server

pnpm dev

Open in your browser

Visit http://localhost:8888 to see the site in action 🎅

Deployment

This project is automatically deployed on Vercel.

License

This project is licensed under the MIT License.

Thanks

This project was inspired by and heavily influenced by the following open-source projects:

• 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!