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 (opens in a new tab) and Next.js Image (opens in a new tab) 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 (opens in a new tab).

I18n as easy as
creating new files.

Name your page files with locales suffixed, Nextra and Next.js will do the rest for you.

/hello.en-US.mdx/hello.de-DE.mdx/hello.ja-JP.mdx

MDX 2 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 FlexSearch (opens in a new tab).

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 (opens in a new tab), SSR (opens in a new tab), and ISR (opens in a new tab).

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 →