# Fumadocs Core (the core library of Fumadocs): はじめに
URL: /ja/docs/headless
Source: https://raw.githubusercontent.com/fuma-nama/fumadocs/refs/heads/main/apps/docs/content/docs/headless/index.ja.mdx
コアライブラリの導入ガイド
## Fumadocs Core とは [#what-is-this]
Fumadocs Core は、Next.js、React Router、TanStack Start、Waku、Astro などの React.js フレームワークでドキュメントを構築するための、サーバーサイド関数とヘッドレスコンポーネントを提供します。
* [検索](/docs/headless/search)
* パンくずリスト、サイドバー、目次コンポーネント
* Remark/Rehype プラグイン
* AIエージェントがドキュメントを検索・閲覧するための [MCP ツール](/docs/headless/utils/mcp)
* [その他のユーティリティ](/docs/headless/utils)
Fumadocs UI なしでも使用できます。つまり、ヘッドレスなライブラリです。
初心者の方や一般的な用途には、[Fumadocs UI](/docs/ui) の使用をおすすめします。
## インストール [#installation]
コアパッケージをインストールしてください。インテグレーションによっては追加の依存関係が必要になります。詳しくは各ガイドを参照してください。
```package-install
fumadocs-core
```
一部のコンポーネントでは、フレームワークプロバイダーが必要です。
```tsx tab="Next.js"
import type { ReactNode } from 'react';
import { NextProvider } from 'fumadocs-core/framework/next';
export function RootLayout({ children }: { children: ReactNode }) {
// Fumadocs UI を使用している場合は、代わりに `` を使用してください
return {children};
}
```
```tsx tab="React Router"
import type { ReactNode } from 'react';
import { ReactRouterProvider } from 'fumadocs-core/framework/react-router';
export function Root({ children }: { children: ReactNode }) {
return {children};
}
```
```tsx tab="TanStack Start"
import type { ReactNode } from 'react';
import { TanstackProvider } from 'fumadocs-core/framework/tanstack';
export function Root({ children }: { children: ReactNode }) {
return {children};
}
```
```tsx tab="Waku"
import type { ReactNode } from 'react';
import { WakuProvider } from 'fumadocs-core/framework/waku';
export function Root({ children }: { children: ReactNode }) {
return {children};
}
```
```tsx tab="Astro"
import { navigate } from 'astro:transitions/client';
import type { ReactNode } from 'react';
import { AstroProvider } from 'fumadocs-core/framework/astro';
// React アイランド内でレンダリングされます。Astro ページから pathname と params を渡してください。
export function Root({
pathname,
params,
children,
}: {
pathname: string;
params: Record;
children: ReactNode;
}) {
return (
{children}
);
}
```
APIとコンポーネントの詳細は以下をご覧ください。