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,
};