Nextra is a simple, powerful and flexible site generation framework, built on Next.js and written in TypeScript, for developers and teams who want to author documentation or content sites in Markdown and MDX inside a React application.
What it is
Nextra is a site generation framework that lives in the Next.js and React ecosystem. It pairs a core package, nextra, with a set of theme packages, of which nextra-theme-docs is built and documented in the repository, and it lets authors write pages in Markdown and MDX rather than in hand-written React components. The repository is a monorepo managed with PNPM Workspaces and Turborepo, which is how the core framework, the themes and the example sites are kept in step with one another.
The concrete problem it solves is the assembly work that otherwise sits between a pile of Markdown files and a working, navigable site. Instead of wiring routing, layouts, navigation and MDX rendering by hand on top of Next.js, a user starts from Nextra and inherits that behaviour, then customises through the theme layer. The framework therefore replaces hand-rolled documentation scaffolding on Next.js; MDX and Markdown remain the authoring format, and Next.js remains the rendering and build layer underneath.
Key capabilities
- Markdown and MDX authoring, so documents are written as content files rather than as React components.
- Built for Next.js, using its routing and build pipeline as the underlying site engine.
- Static site generation, producing a pre-rendered site rather than requiring a server at request time.
- A separate theme package,
nextra-theme-docs, built independently from the core via pnpm --filter nextra-theme-docs build.
- A core package,
nextra, built on its own via pnpm --filter nextra build, with a watch mode at pnpm --filter nextra dev.
- Local end-to-end development against a real site, for example
pnpm --filter example-docs dev, where changes in examples/docs re-render instantly.
- A workspace layout built on PNPM Workspaces and Turborepo, so core and theme can be rebuilt in watch mode in separate terminals when a change spans both.
Who uses it and how
- Teams that already run Next.js and want their documentation or content site inside the same framework rather than on a separate static site generator.
- Projects whose authors are comfortable in MDX and want prose plus embedded components in one file, with the theme handling navigation and layout.
- Documentation sites that need to be pre-rendered as static output for straightforward hosting.
- Contributors working on the framework itself, who develop against
examples/docs and use watch mode for nextra and nextra-theme-docs to see core and theme changes reflected locally.
- Maintainers of downstream themes, who consume the core
nextra package as the shared rendering base.
Getting started
The README documents the repository workflow rather than a hosted product: run corepack enable, then pnpm install, then build with pnpm --filter nextra build and pnpm --filter nextra-theme-docs build. For working on the framework, pnpm --filter example-docs dev starts examples/docs locally with instant re-rendering.
How it compares
No comparable or paid products are named in the facts for this entry, so within this registry Nextra stands alone as a Next.js-based MDX site generation framework. Judgements about how it stacks up against other tools would need facts that are not present here.
When to use it — and when not to
The repository is MIT licensed, actively pushed, and carries 13,923 stars and 1,416 forks, which suggests a usable and maintained codebase rather than an abandoned one. The trade-off is visible in the README: it documents building and developing the framework itself with Corepack, PNPM and Turborepo, not installing a finished site, so anyone who wants a ready-made blog without touching a monorepo toolchain should look elsewhere. There are also 346 open issues, and the README excerpt is developer-oriented and sparse on end-user setup, so a prospective self-hoster should read the full documentation at nextra.site before committing.
project readme (upstream, from github) — read inline
Nextra
Simple, powerful and flexible site generation framework with everything you love
from Next.js.
Documentation
https://nextra.site
Development
Installation
The Nextra repository uses PNPM Workspaces and
Turborepo.
Run corepack enable to enable Corepack.
If the command above fails, run npm install -g corepack@latest to install
the latest version of
Corepack.
Run pnpm install to install the project's dependencies.
Build nextra
pnpm --filter nextra build
Watch mode: pnpm --filter nextra dev
Build nextra-theme-docs
pnpm --filter nextra-theme-docs build
Development
You can also debug them together with a website locally. For instance, to start
examples/docs locally, run
pnpm --filter example-docs dev
Any change to example/docs will be re-rendered instantly.
If you update the core or theme packages, a rebuild is required. Or you can use
the watch mode for both Nextra and the theme in separated terminals.
Sponsors