# Fumadocs Core (the core library of Fumadocs): 簡介
URL: /zh-TW/docs/headless
Source: https://raw.githubusercontent.com/fuma-nama/fumadocs/refs/heads/main/apps/docs/content/docs/headless/index.zh-TW.mdx
開始使用核心函式庫
## 這是什麼？ [#what-is-this]
Fumadocs Core 提供伺服器端函式與無頭式元件，讓您在 Next.js、React Router、TanStack Start、Waku 與 Astro 等 React.js 框架上建置文件。
* [搜尋](/docs/headless/search)
* Breadcrumb、側邊欄、目錄元件
* Remark/Rehype 外掛
* 供 AI 代理搜尋與閱讀文件的 [MCP 工具](/docs/headless/utils/mcp)
* [其他工具](/docs/headless/utils)
它不需搭配 Fumadocs UI 即可使用，換句話說，它是無頭式的。
如果您是初學者，或只有一般使用需求，請使用 [Fumadocs UI](/docs/ui)。
## 安裝 [#installation]
請安裝核心套件。個別整合可能需要額外的相依套件，詳見各整合的指南。
```package-install
fumadocs-core
```
部分元件需要搭配框架 provider 才能使用：
```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 island 中算繪，請從 Astro 頁面傳入 pathname 與 params。
export function Root({
pathname,
params,
children,
}: {
pathname: string;
params: Record;
children: ReactNode;
}) {
return (
{children}
);
}
```
探索各項 API 與元件：