Next App Router Blog

A Next.js blog for developers using the new App Router.

Thanks to @shadcn and his work on next-contentlayer. It was used as a starting point for this repository.

Features

• Next.js App Router.
• Contentlayer with MDX files for pages and posts.
• Tailwind CSS for styling.
• Light and dark mode.
• Blog post categories.
• Blog post featured images.
• Estimated reading time for blog posts.
• Twitter share button for blog posts.
• Code highlighting with Prism.
• Automatic sitemap generation upon build.
• Prettier code formatting.

Running it locally

1. Install dependencies.

yarn

2. Copy .env.example to .env.local and update the variables.

cp .env.example .env.local

3. Start the development server.

yarn dev