Skip to content

A Next.js markdown blog template for developers. It uses the new Next.js App Router.

License

Notifications You must be signed in to change notification settings

stevenspads/next-app-router-blog

Repository files navigation

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
  1. Copy .env.example to .env.local and update the variables.
cp .env.example .env.local
  1. Start the development server.
yarn dev