OSS探訪

React ecosystemでdocumentation siteを素早く組み立てる

スコアの見方

OSS規模スコアはStars・Watchers・Forks・Contributorsを対数圧縮して重み付けした現在の規模指標(上限なし)です。発掘スコアは現在のOSS規模スコアから発掘時点のOSS規模スコアを引いた値、更新ペースは直近30日Commit数、成長モメンタムは直近の観測期間におけるOSS規模スコア差、OSS健全度は取得できた更新状況・Community Health・Releaseの0〜100評価です。

Stars
13,261
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/30
ページ内ナビ

概要

FumadocsはMDX content、navigation、search、code highlighting、docs UI等を組み合わせてdocumentation siteを構築するReact frameworkです。Next.jsを中心に、Astro with Reactや複数のVite-based frameworkにもtemplateを提供します。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日:

主な特徴

MDX contentをdocs navigationとUIへ変換する

documentation contentをMDXで管理し、sidebar、breadcrumb、table of contents、search等のdocs-oriented UIへ組み込めます。

出典:[2][5]

複数React framework向けtemplateを選べる

Next.js、Astro、React Router、TanStack Start、Waku等のtemplateをcreate-fumadocs-appから生成できます。

出典:[5]

向いている用途

library・API・product docsをcodebaseと一緒に管理したい場合に向く

documentationをGit/MDX中心でversion管理し、applicationと同じfrontend workflowでbuild/deployしたいteamに適します。

出典:[2]

導入前の確認

packageはESM only

READMEは全packageがESM onlyと明記しています。CommonJS中心の既存toolingへ組み込む場合はmodule boundaryを確認します。

出典:[2]

CLIとcoreはversion体系が一致しない場合がある

fumadocs-coreは16.15.17ですが、同release tagのcreate-fumadocs-app packageは16.2.12です。導入時は利用packageごとにversionを確認します。

出典:[4][5]

参考にした公式資料

  1. [1]fuma-nama/fumadocs repository(2026-09-30)
  2. [2]Fumadocs README(2026-09-30)
  3. [3]Fumadocs MIT license(2026-09-30)
  4. [4]Fumadocs 16.15.17 release(2026-09-30)
  5. [5]create-fumadocs-app documentation(2026-09-30)
編集部からの補足

Fumadocsはdocumentation site向けのReact framework/toolkitで、Next.js、Astro with React、TanStack Start、Waku、React Router等を対象にしています。packageはESM onlyです。coreのreleaseは16.15.17ですが、同tag時点のcreate-fumadocs-app CLIは16.2.12と別version lineなので、CLIとcore packageのversionを混同しない点に注意が必要です。

3ステップで試す

  1. 1

    Fumadocs appを生成

    Fumadocs 16.15.17 release tag時点のcreate-fumadocs-app CLIを使い、Next.js + Fumadocs MDX templateを生成します。

    npx create-fumadocs-app@16.2.12 my-docs --template +next+fuma-docs-mdx --install --yes
  2. 2

    projectへ移動

    生成されたdocumentation projectへ移動します。

    cd my-docs
  3. 3

    development serverを起動

    local docs siteを起動してMDX content、navigation、searchを確認します。

    npm run dev
公式READMEで確認

成長

成長の推移 · 直近30日

13,261 Stars

推移データを蓄積中です。

Built with

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHub Topics

  • app-router
  • content-collections
  • contentlayer
  • docs
  • fumadocs
  • mdx
  • next
  • nextjs
  • react-router
  • tailwindcss
  • tanstack-router
  • typescript
Stars
13,261
Forks
735
Watchers
20
Open Issues
4
所有者種別
User
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/30

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

情報の誤りを報告

掲載内容に誤りや古い情報があればお知らせください。

このページを読んで、次に何をすればよいか分かりましたか?