[02/130] Next.js - Projeto 1

🧠 Diferença entre _app e _document

1. _app

É um wrapper que envolve toda a aplicação.
Executado tanto no client quanto no server.

Usos comuns:

  • Contextos globais
  • Providers
  • Estilizações globais
  • Layouts compartilhados

2. _document

Controla a estrutura inicial do HTML enviado pelo servidor.
Executado somente no server.

Usos comuns:

  • Metatags
  • Scripts globais
  • Fonte e linguagem da página

🛠️ Projeto 01: Landing Page + Blog

Conforme o cronograma, estou acompanhando o curso de Next.js da Rocketseat.
Neste módulo, iniciamos um projeto com Page Router (estrutura de rotas baseada em arquivos).

O professor utiliza o shadcn/ui, mas escolhi substituir por daisyUI, pois prefiro o visual e quero adaptar os projetos ao meu estilo e aprendizado.

💡 Meu foco não é apenas copiar o conteúdo, mas aprender de forma ativa, explorando melhorias visuais e estruturais conforme avanço no curso.

Não vou compartilhar o passo a passo do projeto, apenas vou anotando informações que eu achar relevantes.

🔗 Repositório do projeto: gitlab.com/karolineblemos/next-site_page-router


🧩 Extendendo Tipos no TypeScript

type ActiveLink = {
  children: React.ReactNode;
} & LinkProps;

✅ Checklist do dia

  • [x] Start no projeto
  • [x] Componente: Header
  • [x] Componente: Active Link