https://github.com/talatkuyuk/testing-app-for-next-mdx-remote-client
A nextjs demo application for usage of "next-mdx-remote-client" in both pages router and app router
https://github.com/talatkuyuk/testing-app-for-next-mdx-remote-client
mdx mdx-js next-mdx next-mdx-remote next-mdx-remote-client
Last synced: about 1 month ago
JSON representation
A nextjs demo application for usage of "next-mdx-remote-client" in both pages router and app router
- Host: GitHub
- URL: https://github.com/talatkuyuk/testing-app-for-next-mdx-remote-client
- Owner: talatkuyuk
- License: mit
- Created: 2024-03-02T13:13:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-18T20:30:12.000Z (2 months ago)
- Last Synced: 2025-03-26T00:22:46.425Z (about 2 months ago)
- Topics: mdx, mdx-js, next-mdx, next-mdx-remote, next-mdx-remote-client
- Language: TypeScript
- Homepage: https://testing-app-for-next-mdx-remote-client.vercel.app/
- Size: 148 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# testing app for `next-mdx-remote-client`
It is a **`nextjs`** application for testing of **`next-mdx-remote-client`**'s features.
The `nextjs` is one of the React Framework for the Web.
This project uses **`react@19, next@15, next-mdx-remote-client@2, eslint@9`** specifically.
The `next-mdx-remote-client` is a package for compiling and running any MDX content for `nextjs` applications. It uses `@mdx-js/mdx` and `@mdx-js/react` in background.
This application is not just a blog application, resulting comparable outputs in two columns of table for `MDXClient` and `hydrate` for "pages" router, `MDXRemote` and `evaluate` for "app" router. The application employs both "app" router and "pages" router to test and see the exact same results with `next-mdx-remote-client`.
## Install
```bash
git clone https://github.com/talatkuyuk/testing-app-for-next-mdx-remote-client.git
npm install
npm run dev
```
## `next-mdx-remote-client`
In other words, the `next-mdx-remote-client` is a wrapper of the `@mdx-js/mdx` for the `nextjs` applications in order to load MDX content. It is a fork of `next-mdx-remote`.
You can find it in [github](https://github.com/ipikuka/next-mdx-remote-client) or [npm](https://www.npmjs.com/package/next-mdx-remote-client)
## Live demo
You can reach a living web site at the about section in the sidebar.