Markdown with Custom Components in NextJS | #DevLog 007

preview_player
Показать описание
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.

# 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
  1. Bayan Bennett
  2. next js
  3. nextjs
  4. next.js
  5. react
  6. reactjs
Рекомендации по теме
Markdown with Custom 0:10:28

Markdown with Custom Components in NextJS | #DevLog 007

My Favorite Way 0:15:51

My Favorite Way to Use Markdown in NextJS

Render Markdown React 0:04:32

Render Markdown React Component

Using MDX (markdown) 0:23:46

Using MDX (markdown) in NextJs 13 `app` folder

Adding Markdown to 0:14:49

Adding Markdown to Plasmic Using Next.js Code Components

Javascript + Markdown 0:05:51

Javascript + Markdown = MDX (using NextJS)

NextJS 14 Markdown 2:55:36

NextJS 14 Markdown Blog: TypeScript, Tailwind, shadcn/ui, MDX, Velite,

Build a Rich 0:12:14

Build a Rich Text Editor in Next 13 Tutorial

Easy ways to 0:20:20

Easy ways to create a blog or docs from markdown with NextJS 14

This React Text 0:17:52

This React Text Editor is Amazing! (Image Upload, Markdown, Code Mirror, WYSIWYG, Next.js, Froala)

Create A Documentation 0:10:42

Create A Documentation Under 5 Minutes (Next.js, MDX, Markdown)

Use MDX(markdown) with 0:08:03

Use MDX(markdown) with NextJS to Create Blogs

Why We Should 0:02:16

Why We Should Stop Using JavaScript According to Douglas Crockford (Inventor of JSON)

How to add 0:09:48

How to add code blocks with syntax highlighting to a Next.js blog with Prism.js | Blog with Next.js

Using MDX with 0:35:35

Using MDX with NextJs

I Never Want 0:05:40

I Never Want to Create React Tables Any Other Way

Svelte Components Using 0:21:12

Svelte Components Using Custom Markdown Renderers - Weekly Svelte

Document components with 0:02:44

Document components with markdown | Quick Tips

Static Blog With 0:46:40

Static Blog With Next.js and Markdown

STOP Using Markdown, 0:09:30

STOP Using Markdown, Use HTML Instead To Render Your Nextjs Blog

Embed Youtube to 0:06:35

Embed Youtube to MDX Remote Next JS

Next.js MDX is 0:04:49

Next.js MDX is pretty awesome

16 - Create 0:12:21

16 - Create a reusable blog post editor component with Markdown support and syntax highlighting (1)

Build a Markdown 3:14:12

Build a Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai

Комментарии
Автор

💬Comments | 🙋Questions | 🤔 Suggestions
What creative ways have you used markdown?

BayanBennett