https://github.com/alexchantastic/next-mdx-blog-example
An example blog built with Next.js and MDX
https://github.com/alexchantastic/next-mdx-blog-example
app-router blog example mdx next nextjs react-server-components rsc
Last synced: 2 months ago
JSON representation
An example blog built with Next.js and MDX
- Host: GitHub
- URL: https://github.com/alexchantastic/next-mdx-blog-example
- Owner: alexchantastic
- License: mit
- Created: 2024-01-30T05:40:00.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-31T18:09:36.000Z (over 2 years ago)
- Last Synced: 2024-01-31T20:29:50.816Z (over 2 years ago)
- Topics: app-router, blog, example, mdx, next, nextjs, react-server-components, rsc
- Language: MDX
- Homepage: https://codesandbox.io/p/devbox/github/alexchantastic/next-mdx-blog-example/tree/main/
- Size: 78.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# next-mdx-blog-example
This is an example project that demonstrates how a blog built with [Next.js](https://nextjs.org/) (App Router) and [MDX](https://www.mdxjs.com/) might work.
Read the full walkthrough at https://www.alexchantastic.com/building-a-blog-with-next-and-mdx
## Setup
Clone the repository:
```sh
git clone git@github.com:alexchantastic/next-mdx-blog-example.git
```
Change directories into the project and install dependencies:
```sh
cd next-mdx-blog-example
npm install
```
## Usage
Run the development server:
```sh
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser.
## Project structure
```
src/
├── app/
│ ├── (posts)/
│ ├── category/
│ │ ├── [category]/
│ │ └── page/
│ │ └── [page]/
│ └── page/
│ └── [page]/
└── components/
```