Skip to content

alexchantastic/next-mdx-blog-example

Repository files navigation

next-mdx-blog-example

This is an example project that demonstrates how a blog built with Next.js (App Router) and MDX might work.

Read the full walkthrough at https://www.alexchantastic.com/building-a-blog-with-next-and-mdx

Setup

Clone the repository:

git clone [email protected]:alexchantastic/next-mdx-blog-example.git

Change directories into the project and install dependencies:

cd next-mdx-blog-example
npm install

Usage

Run the development server:

npm run dev

Open http://localhost:3000 with your browser.

Project structure

src/
├── app/
│   ├── (posts)/
│   ├── category/
│   │   ├── [category]/
│   │   └── page/
│   │       └── [page]/
│   └── page/
│       └── [page]/
└── components/