https://github.com/kfirfitousi/mdx-nextjs-13
Proof-of-Concept for rendering MDX files using Next.js 13 and next-mdx-remote
https://github.com/kfirfitousi/mdx-nextjs-13
blog frontmatter markdown mdx mdx-blog mdx-remote next-mdx-remote nextjs nextjs-13 nextjs13 poc proof-of-concept react server-components typescript
Last synced: 4 months ago
JSON representation
Proof-of-Concept for rendering MDX files using Next.js 13 and next-mdx-remote
- Host: GitHub
- URL: https://github.com/kfirfitousi/mdx-nextjs-13
- Owner: kfirfitousi
- Created: 2022-12-11T14:19:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-07T19:46:10.000Z (over 2 years ago)
- Last Synced: 2025-01-11T11:50:16.586Z (4 months ago)
- Topics: blog, frontmatter, markdown, mdx, mdx-blog, mdx-remote, next-mdx-remote, nextjs, nextjs-13, nextjs13, poc, proof-of-concept, react, server-components, typescript
- Language: TypeScript
- Homepage: https://blog.kfirfitousi.com/posts/web-dev/mdx-nextjs-13
- Size: 96.7 KB
- Stars: 19
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### **This is a Proof-of-Concept for rendering MDX files using Next.js 13, next-mdx-remote, and TypeScript. You can read more about it on my [blog](https://blog.kfirfitousi.com/posts/web-dev/mdx-nextjs-13).**
This is a very minimal example, but it should give you a good idea of how to get started with next-mdx-remote and Next.js 13.
- [x] Using Next.js 13's `/app` directory
- [x] Parsing frontmatter
- [x] Custom components
For additional reference, check out [this repo](https://github.com/kfirfitousi/blog) which is a full MDX blog built with Next.js 13.