Markdown and MDX

Last updated

What is Markdown and MDX?

Markdown is a lightweight markup language used to format text. It allows you to write using plain text syntax and convert it to structurally valid HTML. It's commonly used for writing content on websites and blogs. MDX is a superset of markdown that lets you write JSX directly in your markdown files. It is a powerful way to add dynamic interactivity and embed React components within your content.

Next.js can support both local MDX content inside your application, as well as remote MDX files fetched dynamically on the server. The Next.js plugin handles transforming markdown and React components into HTML, including support for usage in Server Components (the default in App Router).

Free resources to learn Markdown and MDX

Markdown and MDX: common questions

Can I learn Markdown and MDX in Hindi?

This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Markdown and MDX in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.

Is this Markdown and MDX tutorial for beginners?

It is lesson 83 of 94 in the free Next.js roadmap, in stage 29, Markdown and MDX. If you are new to Next.js, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.

Still confused? Ask me