🚀 Next.js Blog Starter Kit with Content Collections

A minimal, scalable, and production-ready starter kit for building blog-based websites using Next.js App Router, Contentlayer, TypeScript, Tailwind CSS, and Shadcn UI.

Features

• 📚 Contentlayer-powered Markdown/MDX blog collections
• 💅 Beautiful UI with Tailwind CSS and Shadcn components
• 💾 Code blocks with one-click copy-paste buttons
• 🖼️ Generic Open Graph image support

Prerequisites

• Node.js 18.x or later
• Familiarity with Next.js App Router

Quick Start

1. Clone the repository

git clone https://github.com/yourusername/content-collections-nextjs-blog-starter-kit.git

cd content-collections-nextjs-blog-starter-kit

2. Install dependencies

npm install

3. Start the development server

npm run dev

Visit http://localhost:3000 to view your blog.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contributing

We welcome contributions!

1. Fork the repo
2. Create a new branch (git checkout -b feature/awesome-feature)
3. Commit changes (git commit -m 'Add awesome feature')
4. Push to your fork (git push origin feature/awesome-feature)
5. Submit a pull request 🎉

Acknowledgements

• Next.js
• Contentlayer
• Tailwind CSS
• Shadcn UI
• Lucide Icons

Support

Found this helpful? Give it a ⭐️ on GitHub and spread the word!