X (Twitter)

Learn More about Caching and Revalidation

使用状況

これを MDX コンポーネントに追加します。

import { Card, Cards } from 'fumadocs-ui/components/card';

<MDX
  components={{
    Card,
    Cards,
  }}
/>;

使用法については Markdown] を参照してください。

カードを入れる容器。

Next.js <Link /> に基づいています。

Tree Shaking on icons

MDX のレンダリングに Fumadocs MDX を使用していない場合 (Contentlayer などを使用している場合)、次のことを確認してください。木の揺れは正常に動作しています。

ほとんどのアイコンライブラリは、アイコンの個別のインポートをサポートしています。

import HomeIcon from 'lucide-react/dist/esm/icons/home';

回避策として、アイコンを MDX コンポーネントに渡すこともできます。 (これはコンテンツソースの代わりに Next.js バンドラーを使用します)

page.tsx

import { HomeIcon } from 'lucide-react';

const components = {
  ...defaultComponents,
  HomeIcon,
};