Markdown with Custom Components in NextJS |
I used react-markdown to render my markdown files in ReactJS. Each code block in each markdown file is injected into a code editor so that it can be interactive.
📰 Article: https://www.bayanbennett.com/posts/ma...
🗃️ Repository: https://github.com/BayanBennett/refer...
🌐 Site: https://reference.bayanbennett.com/
CHAPTERS #
0:00 Intro
2:01 New Dependencies
2:19 Moving to Markdown
2:37 `[...path].tsx`
4:17 What is `react-markdown`
6:11 What's in `markdown-components`?
8:59 `rehype-slug` and `rehype-autolink-headings`
9:37 One Big Problem
10:07 Outro
---
#NextJS #TypeScript #markdown