Documentation
Introduction

Introduction

Nextra is a framework on top of Next.js, that lets you build content focused websites. It has all the great features from Next.js, plus extra power to create Markdown-based content with ease.

Quick Start

To start using Nextra, you need to select a theme first:

If you want to use Nextra without using these built-in themes, you can follow the Custom Theme docs.

Nextra FAQ

The Nextra FAQ is a collection of useful questions and answers about the project. If you have a question that isn’t answered here, please open a discussion.

Can I use Nextra with Next.js `pages` router?

Nextra 4 only works with the app router. Only Nextra 1/2/3 supports the pages router.

Can I use X with Nextra?

The answer is “yes” for most things. Since Nextra is just a Next.js plugin, almost all the things that can be done with React can be done with Nextra. Here are some examples and guides:

How can I add a live coding component in Nextra?

There are libraries like Sandpack and react-live that can help you add live coding components to your MDX.