Entrar em Contato

Programa do Curso

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

  • Principais recursos e alterações no Next.js 16.x
  • Arquitetura e princípios de design do App Router
  • Server Components vs Client Components
  • Estratégias de renderização: SSR, SSG, ISR e streaming
  • Convenções de estrutura de projeto e melhores práticas
  • Design de aplicações focado em performance

Roteamento Avançado e Navegação

  • Layouts aninhados e padrões de UI compartilhados
  • Grupos de rotas para roteamento organizado
  • Rotas paralelas para segmentos de rota independentes
  • Rotas de interceptação e navegação modal
  • Roteamento dinâmico e segmentos catch-all
  • Handlers de rota para endpoints personalizados
  • Middleware para interceptação de requisições

React Server Components e Recursos do Lado do Servidor

  • Análise aprofundada do modelo React Server Components
  • Busca 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 dos Server Actions
  • Manipulação de formulários com processamento no servidor
  • Estratégias de validação
  • Atualizações de UI otimista
  • Estados de pendência e feedback ao usuário
  • Envio de arquivos e melhoria progressiva

Busca de Dados e Caching Avançados

  • API Fetch 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 streaming de dados

Autenticação e Autorização

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

Integração com Banco de Dados e ORM

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

Desenvolvimento de API

  • Handlers de rota e convenções de rotas de API
  • Implementação de API RESTful
  • Validação de requisições de API
  • Tratamento de erros e formatação de respostas
  • Endpoints para envio de arquivos
  • Integração e verificação de webhooks
  • Controle de taxa (rate limiting) e segurança da API

Otimização de Performance

  • Análise e otimização de bundles
  • Estratégias de code splitting
  • Imports dinâmicos para carregamento sob demanda
  • Otimização do componente Image
  • Otimização de fontes com next/font
  • Padrões de lazy loading
  • Técnicas de otimização das Core Web Vitals

Teste de Aplicações Next.js

  • Estratégias de teste unitário para código do servidor e cliente
  • Teste de componentes com utilitários de teste
  • Testes de integração para fluxos completos de dados
  • Testes end-to-end (E2E) com Playwright ou Cypress
  • Simulação de APIs e serviços (mocking)
  • Teste de Server Components
  • Teste de Server Actions

Implantação, DevOps e Monitoramento

  • Configuração do build de produção
  • Gerenciamento de variáveis de ambiente
  • Continerização com Docker para Next.js
  • Configuração do pipeline CI/CD
  • Monitoramento e registro de logs da aplicação
  • Rastreamento e relatórios de erros
  • Monitoramento de performance em produção

Padrões Avançados e Projeto Integrador

  • Padrões de arquitetura de projetos para escalabilidade
  • Organização de recursos e limites de módulos
  • Padrões comuns de design em aplicações Next.js
  • Arquitetura de aplicações multi-locatário
  • Tutorial do projeto integrador (Capstone)
  • Revisão do curso e sessão de perguntas e respostas

Requisitos

  • Conhecimento intermediário de React (componentes, hooks, gerenciamento de estado)
  • Familiaridade com Node.js e JavaScript (ES6+)
  • Compreensão dos conceitos HTTP/REST e da API web

Público-Alvo

  • Desenvolvedores full-stack que estão avançando para o Next.js 16 para aplicações de produção
  • Desenvolvedores React migrando de versões anteriores do Next.js ou criando aplicações para ambientes críticos em termos de performance
  • Desenvolvedores back-end adotando React Server Components para arquitetura de aplicações full-stack
 21 Horas

Treinamento Corporativo Personalizado

Soluções de treinamento projetadas 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, treinamento online ao vivo, 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