A modern, feature-rich blog template built with Next.js 15, TypeScript, Tailwind CSS, and MDX.
- 📝 MDX for writing blog posts
- 🎨 Fully customizable with Tailwind CSS
- 🌙 Dark/Light mode support
- 📱 Fully responsive design
- 🎯 SEO optimized
- 📊 Reading time calculation
- 🔍 Full-text search (coming soon)
- 🏷️ Category and tag support
- 📅 Date formatting
- ⚡ Super fast page loads
- 🔒 TypeScript support
- 📦 Content management with Contentlayer
- Node.js 18+
- pnpm (recommended) or npm
- Clone the repository:
git clone https://github.com/yourusername/next-blog-template.git
cd next-blog-template- Install dependencies:
pnpm install- Start the development server:
pnpm dev- Open http://localhost:3000 with your browser.
- Add your MDX files in the
content/postsdirectory - Use the following frontmatter format:
---
title: Your Post Title
description: A brief description of your post
date: 2024-03-03
author: Your Name
categories: [category1, category2]
tags: [tag1, tag2]
image: /path/to/image.jpg
---
Your content here...- Modify
tailwind.config.tsfor theme customization - Update
app/globals.cssfor global styles - Components use Tailwind CSS classes for styling
- UI components are built with Radix UI and Shadcn UI
- Customize components in the
componentsdirectory - Add new components as needed
├── app/ # Next.js app directory
├── components/ # React components
├── content/ # MDX blog posts
├── lib/ # Utility functions
├── public/ # Static assets
└── styles/ # Global styles
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
If you have any questions or need help, please open an issue or contact us.