shuding/nextra

これは何？

主な機能

• 01Reactコンポーネントを埋め込みながら、MDXまたはMarkdownでページを作成できます。
• 02Next.jsのルーティングとビルドツールを利用できます。
• 03ドキュメント用テーマパッケージ`nextra-theme-docs`を提供します。
• 04PNPM workspacesとTurborepoを使ったモノレポ構成です。

ユースケース

• 製品やプロジェクトのドキュメントサイトを構築する。
• Markdownファイルから技術ブログやナレッジベースを公開する。
• 文章とReactコンポーネントを組み合わせたインタラクティブなドキュメントを作成する。

クイックスタート

1. 1

   Corepackを有効にする

   corepack enable
2. 2

   プロジェクトの依存関係をインストールする

   pnpm install
3. 3

   サンプルのドキュメントサイトを開発モードで起動する

   pnpm --filter example-docs dev

使う前に知っておきたいこと

• !開発環境のセットアップにはpnpmとCorepackが必要なため、手軽に使いたいエンドユーザーよりもコントリビューター向けです。
• !フレームワークの使い方に関するドキュメントは、外部サイトのnextra.siteで公開されています。

トピック

よくある質問

nextra とは？

MDXやMarkdownファイルからドキュメントサイトやコンテンツサイトを構築できる、Next.jsベースのフレームワーク。 NextraはNext.jsを基盤とする静的サイト生成フレームワークです。MDXまたはMarkdownでページを作成してWebサイトにでき、使い慣れたNext.jsのルーティングやReactコンポーネント、ビルドツールをそのまま利用できます。

nextra は無料で使えますか？ライセンスは？

nextra は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

nextra は今もメンテナンスされていますか？

半年以内に更新あり。nextra の最終コミットは 2026年7月31日 です。

nextra は何に使えますか？

製品やプロジェクトのドキュメントサイトを構築する。 Markdownファイルから技術ブログやナレッジベースを公開する。 文章とReactコンポーネントを組み合わせたインタラクティブなドキュメントを作成する。

nextra のインストール方法は？

Corepackを有効にする: corepack enable プロジェクトの依存関係をインストールする: pnpm install サンプルのドキュメントサイトを開発モードで起動する: pnpm --filter example-docs dev

nextra はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/shuding/nextra