Entrar em Contato
 Duração 21 horas

Programa do Curso

Visão Geral e Arquitetura Avançada do Next.js 16

  • Recursos principais e alterações no Next.js 16.x
  • Arquitetura do App Router e princípios de design
  • Componentes de Servidor vs. Componentes de Cliente
  • Estratégias de renderização: SSR, SSG, ISR e streaming
  • Convenções de estrutura de projeto e melhores práticas
  • Design de aplicações com foco em desempenho

Encaminhamento e Navegação Avançados

  • Layouts aninhados e padrões de UI partilhados
  • Grupos de rotas para encaminhamento organizado
  • Rotas paralelas para segmentos de rota independentes
  • Rotas de interceptação e navegação modal
  • Encaminhamento dinâmico e segmentos catch-all
  • Manuseadores de rota para pontos de extremidade personalizados
  • Middleware para interceptação de requisições

React Server Components e Funcionalidades de Servidor

  • Análise aprofundada do modelo de React Server Components
  • Obtenção de dados no servidor
  • UI em streaming com limites de Suspense
  • Limites de erro e tratamento de erros
  • Padrões de UI de carregamento
  • Renderização parcial e re-renderização seletiva

Server Actions e Formulários

  • Arquitetura e capacidades das Server Actions
  • Processamento de formulários com processamento no servidor
  • Estratégias de validação
  • Atualizações de UI otimistas
  • Estados pendentes e feedback para o utilizador
  • Carga de ficheiros e progressiva (progressive enhancement)

Obtenção de Dados e Cache Avançados

  • Fetch API no Next.js e memoização de requisições
  • Fundamentos do Data Cache
  • Configuração do Route Cache
  • Router Cache e invalidação de cache
  • Estratégias de revalidação: sob demanda e baseadas em tempo
  • Padrões de dados em streaming

Autenticação e Autorização

  • Arquitetura de autenticação no Next.js
  • Padrões de gestão de sessões
  • Fluxos de autenticação baseados em JWT
  • Estratégias de integração OAuth
  • Implementação de Controlo de Acesso Baseado em Papéis (RBAC)
  • Proteção de rotas baseada em Middleware

Integração de Base de Dados e ORM

  • Considerações de arquitetura de base de dados
  • Integração PostgreSQL com Next.js
  • Configuração do Prisma ORM e consultas
  • Visão geral do Drizzle ORM e migração
  • Configuração de pooling de conexões
  • Estratégia de migrações de base de dados
  • Padrões de repositório para acesso a dados

Desenvolvimento de APIs

  • Manuseadores de Rota e convenções de rotas de API
  • Implementação de APIs RESTful
  • Validação de requisições de API
  • Tratamento de erros e formatação de respostas
  • Pontos de extremidade para carga de ficheiros
  • Integração e verificação de webhooks
  • Limitação de taxa e segurança da API

Otimização de Desempenho

  • Análise e otimização de bundles
  • Estratégias de code splitting
  • Importações dinâmicas para carregamento sob demanda
  • Otimização do componente de imagens
  • Otimização de fontes com next/font
  • Padrões de carregamento preguiçoso (lazy loading)
  • Técnicas de otimização dos Core Web Vitals

Testes de Aplicações Next.js

  • Estratégias de testes unitários para código de servidor e de cliente
  • Testes de componentes com utilitários de teste
  • Testes de integração para fluxos de dados completos
  • Testes fim-a-fim com Playwright ou Cypress
  • Simulação (Mocking) de APIs e serviços
  • Testes de Server Components
  • Testes de Server Actions

Implementação, DevOps e Monitoramento

  • Configuração de build de produção
  • Gestão de variáveis de ambiente
  • Containerização Docker para Next.js
  • Configuração de pipeline CI/CD
  • Monitoramento e registo de aplicações (logging)
  • Rastreamento e relatórios de erros
  • Monitoramento de desempenho em produção

Padrões Avançados e Projeto Capstone

  • Padrões de arquitetura de projeto para escalabilidade
  • Organização de funcionalidades e limites de módulos
  • Padrões de design comuns em aplicações Next.js
  • Arquitetura de aplicações multi-tenant
  • Visão geral do projeto capstone
  • Revisão do curso e sessão de perguntas e respostas (Q&A)

Requisitos

  • Conhecimento intermédio de React (componentes, hooks, gestão de estado)
  • Familiaridade com Node.js e JavaScript (ES6+)
  • Compreensão dos conceitos HTTP/REST e de APIs web

Público-Alvo

  • Desenvolvedores full-stack que avançam para o Next.js 16 para aplicações de produção
  • Desenvolvedores React que migram de versões anteriores do Next.js ou criam aplicações para ambientes críticos em termos de desempenho
  • Desenvolvedores de backend que adotam React Server Components para a arquitetura de aplicações full-stack

Formação Empresarial Personalizada

Soluções de formação concebidas exclusivamente para empresas.

  • Conteúdo Personalizado: Adaptamos o programa e os exercícios práticos aos objetivos e necessidades reais do seu projeto.
  • Horário Flexível: Datas e horários adaptados à agenda da sua equipe.
  • Formato: Online (ao vivo), In-Company (em suas instalações) ou Híbrido.
Investimento

Preço por grupo privado, formação online em direto, a partir de 3900 € + VAT*

Entre em contato conosco para obter um orçamento preciso e conhecer nossas promoções mais recentes

Próximas Formações Provisórias

Categorias Relacionadas