Instalação manual

Como adicionar o Fumadocs a um projeto Next.js

Leia primeiro o guia de início rápido.

Instalação

Instale os pacotes necessários:

npm install fumadocs-ui fumadocs-core fumadocs-mdx

Fonte de conteúdo

Crie source.config.ts e aponte a coleção para content/docs. Em seguida, carregue essa fonte nas rotas da documentação.

Rotas

Use um layout em app/docs/layout.tsx e uma rota abrangente em app/docs/[[...slug]]/page.tsx para renderizar as páginas.

Estilos

Importe os estilos do Fumadocs e do Tailwind no arquivo CSS global. Reinicie o servidor de desenvolvimento depois de alterar a configuração da fonte.

Comparações

Diferenças entre o Fumadocs e outras soluções de documentação

Exportação estática

Como gerar a documentação como HTML estático

Nesta página

Instalação Fonte de conteúdo Rotas Estilos