Fumadocs + GitLab Pages

Vídeos do canal

Os vídeos do Code In Loop que deram origem a esta documentação.

Editar no GitLab

Esta documentação nasceu de dois vídeos do canal Code In Loop. Assistir na ordem ajuda: o primeiro cria o projeto, o segundo publica.

1. Crie uma documentação bonita e moderna com FumaDocs

Crie uma documentação bonita e moderna com FumaDocs

Criação do projeto com o create-fumadocs-app, estrutura de pastas, escrita em MDX, navegação, busca e os componentes prontos do Fumadocs.

Correspondência neste repositório:

  • content/docs/*.mdx — as páginas
  • lib/source.ts — de onde o Fumadocs lê o conteúdo
  • lib/layout.shared.tsx — título, ícones e links da navegação
  • Componentes — o que dá para usar dentro do MDX

2. Como Fazer Deploy do Fumadocs no GitLab Pages com CI/CD

Como Fazer Deploy do Fumadocs no GitLab Pages com CI/CD

Export estático do Next.js, o arquivo .gitlab-ci.yml, artefatos entre estágios e a publicação no GitLab Pages a cada push.

Correspondência neste repositório:

  • next.config.mjsoutput: 'export' e trailingSlash: true
  • .gitlab-ci.yml — estágios build e deploy
  • Deploy no GitLab Pages — o passo a passo escrito

Inscreva-se no canal

Novos vídeos de programação, DevOps e infraestrutura saem no @codeinloopbr, e as versões escritas vão para o blog codeinloop.com.br.

On this page