Skip to Content
🚧 This is WIP documentation for Nextra 4.0

Make beautiful websites
with Next.js & MDX

Simple, powerful and flexible site generation framework
with everything you love from Next.js .

Get started β†’

BackgroundBackground (Dark)

Full-power documentation
in minutes

Links and images are
always optimized

Nextra automatically converts Markdown links and images to use Next.js Link  and Next.js Image  when possible. No slow navigation or layout shift.

[Learn more](/more)
![Hero](/hero.png)
<Link .../>
<Image .../>

Advanced syntax
highlighting solution

Performant and reliable build-time syntax highlighting powered by Shiki .

I18n as easy as
creating new files

Place your page files in folders specific to each locale, Nextra and Next.js will handle the rest for you.

/en/hello.mdx/de/hello.mdx/ja/hello.mdx
English
Deutsch
ζ—₯本θͺž

MDX 3  lets you use Components inside Markdown,
with huge performance boost since v1.

Dark
mode
included

Full-text search,
zero-config needed

Nextra indexes your content automatically at build-time and performs incredibly fast full-text search via Pagefind .

Organize pages intuitively,
with file-system routing from Next.js

A11y as a top priority

Nextra respects system options
such as Increase Contrast and Reduce Motion.

Hybrid rendering,
next generation

You can leverage the hybrid rendering power from Next.js with your Markdown content including SSG , SSR , and ISR .

And more...

SEO / RTL Layout / Pluggable Themes / Built-in Components / Last Git Edit Time / Multi-Docs...
A lot of new possibilities to be explored.

Start using Nextra β†’