概要
Fumadocs UI の概要
アーキテクチャ
ページツリー
サイドバーなどのナビゲーション要素は、ページ ツリー] を使用してナビゲーション リンクをレンダリングします。これは、利用可能なすべてのページとフォルダーを説明するツリーです。
通常、これは loader()] を使用してファイル構造から生成されますが、ページの整理方法 を学ぶことができます。
カスタマイズ
レイアウト
さまざまなレイアウトの公開オプションを使用できます。
Docs Layout
Layout for docs
Docs Page
Layout for docs content
Notebook Layout
A more compact version of Docs Layout
Home Layout
Layout for other pages
コンポーネント
Fumadocs UI は、ドキュメントを強化するためのインタラクティブなサンプル用のスタイル付きコンポーネントも提供しており、style や className などの公開されたプロパティを使用してカスタマイズできます。
コンポーネント]を参照してください。
デザインシステム
デザイン システムは Tailwind CSS に基づいて構築されているため、CSS 変数 を使用してカスタマイズできます。
CLI
どれも気に入らない場合は、Fumadocs CLI は、Shadcn UI と同様に、Fumadocs UI コンポーネントとレイアウトをコードベースにインストールするツールです。 Fumadocs UI を完全にカスタマイズできるようにします。
npx fumadocs add
AI マジック 3Docs