nextra is a free, open source blogging & personal sites project written in TypeScript and released under MIT. It has 13,922 GitHub stars, 1,415 forks and 346 open issues, and was last pushed 2 months ago. On this registry it ranks #7 of 25 tracked projects in Blogging & Personal Sites, with 5 head-to-head comparisons available. It gained 1 stars over the last 3 tracked days.

What is nextra?

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.

  1. Run corepack enable to enable Corepack.

    If the command above fails, run npm install -g corepack@latest to install the latest version of Corepack.

  2. 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

Frequently asked questions

Is nextra free to use?

nextra is open source under the MIT licence. There is no licence fee and no seat count — you can self-host it or, where the project offers one, pay a vendor for a managed version instead.

What does nextra do?

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

What is nextra written in?

nextra is primarily written in TypeScript. Its source is publicly available at https://github.com/shuding/nextra, and it has 13,922 GitHub stars.