trilha UFPE
O programa
Turmas
Projetos
Materiais
Conheça o Trilha
Inscreva-se
EN
Materiais
Materiais
· Frontend
11. Next.js
8 min de leitura
→
Anterior
10. React (Intermediário)
Próximo
12. Estilização
→
Nesta página
Objetivo da aula
Pré-requisitos
O que você será capaz de explicar ao final
11.1. React x Next.js: qual problema o Next resolve?
React como biblioteca de UI
Next.js como framework
Quando usar Next.js
Conceitos de renderização (visão geral)
11.2. App Router e roteamento por pastas (app/)
Estrutura base
Rotas por pastas
Layouts e composição
Not found e erros
Route groups
Exemplo de árvore e URLs
11.3. Server Components x Client Components
Modelo mental
O que pode em Server Components
O que exige Client Components
A fronteira
Boas práticas
11.4. Data fetching no App Router
Fetch no servidor
Cache e revalidação (visão geral)
Fetch no cliente
Padrão recomendado
11.5. SEO básico no Next
Por que SEO entra aqui
Metadata no App Router
Boas práticas
11.6. Deploy (conceito) e ambiente de produção
O que é deploy
Ambientes
Onde hospedar
Variáveis de ambiente
Observabilidade
11.7. Boas práticas de organização e mentalidade de projeto
11.8. Próximos passos
11.9. Erros comuns e confusões clássicas
11.10. Glossário rápido
11.11. Resumo final