Next.js 13 App Router para Desenvolvimento Web de Próxima Geração

Layout Aninhado, Componente de Servidor, Opções de Cache, Renderização de Servidor em Streaming, Mutação, Revalidação

O Next.js 13 e além introduziram novas complexidades no desenvolvimento React, exigindo que os desenvolvedores dominem o uso de Componentes de Servidor e Componentes de Cliente. Sem um entendimento adequado, muitos desenvolvedores podem ter dificuldades para acompanhar a evolução do React e do Next.js após 2023. Este curso foi projetado para equipá-lo com as habilidades necessárias para se adaptar às tendências além de 2023.

Neste curso, você aprenderá sobre as técnicas de desenvolvimento web usando o App Router introduzido no Next.js 13 e versões posteriores. Você explorará tópicos como layout aninhado, busca de dados e opções de cache em Componentes de Servidor, distinguindo entre Componentes de Cliente e Componentes de Servidor, segmentos dinâmicos, renderização de servidor em streaming com suspense, mutação usando router.refresh(), e implementação de autenticação e middleware em Componentes de Servidor ao integrar com o Supabase. Além disso, você também aprenderá como implementar uma funcionalidade de Todo CRUD.

Tópicos abordados neste curso:

• App Router
• Benefícios do Componente de Servidor React
• Diferenças entre Componente de Cliente e Componente de Servidor e seus casos de uso
• Layout Aninhado
• Convenções de Arquivos (página, layout, loading, error...)
• Opções de Cache (baseadas em busca: no-store, force-cache, revalidate)
• Segmentos Dinâmicos e generateStaticParams
• Renderização de Servidor em Streaming com Suspense (HTML em streaming)
• Renderização Estática e Dinâmica
• Funções Dinâmicas
• Carregamento em Nível de Segmento e Carregamento Granular em Nível de Componente usando Suspense
• Navegações Suaves e Rígidas
• Mutação com Componente de Servidor (router.refresh())
• Middleware
• Tipos de Geração do Supabase
• Autenticação do Supabase com Componente de Servidor
• Operações CRUD (R: Componente de Servidor, CUD: Componente de Cliente)

O que você aprenderá:

• Desenvolvimento baseado em Componente de Servidor com Next.js App Router
• Layout aninhado, busca de dados em Componente de Servidor e opções de cache
• Navegação suave/rígida e mutação
• Renderização de servidor em streaming com suspense
• Autenticação e operações CRUD ao integrar com o Supabase
• Middleware