Crie aplicações web modernas e performáticas com Next.js, dominando renderização, roteamento avançado e React Server Components!
Nesse módulo você entenderá como surgiu o Next.js e os fundamentos do primeiro tipo de roteador: Pages Router. Em seguida, partiremos para a criação de um projeto de Blog com CMS para entender na prática como se aplicam os três principais pilares do Next.js: Roteamento, Data Fetching e Renderização.
Primeiro questionário avaliativo da formação
Nesse módulo, você irá aprender sobre o novo padrão do React que revolucionou a forma de criar apps com essa biblioteca: React Server Components. Em seguida, partiremos para os fundamentos do App Router e como o Next.js se tornou o primeiro framework a aplicar os RSC. Por fim, para solidificar esses conhecimentos na prática, partiremos para a migração de Pages Router para App Router do projeto de Blog criando anteriormente.
Segundo questionário avaliativo da formação
Nesse módulo vamos finalizar a aplicação de blog, dessa vez realizando o deploy na Vercel e também fazendo ajustes no código para deixar o SEO com boas notas para ajudar na indexação no Google e na experiência do usuário na aplicação.
Primeiro desafio da formação Next.js. Desenvolva uma aplicação de links (estilo Linktree) e gerencie o conteúdo via CMS.
Aprenda mais sobre o Next.js do zero até o deploy, construindo na prática um sistema de agendamentos para um Pet Shop. Neste módulo, você vai dominar Server Actions para criar, editar e deletar agendamentos, combinando React Server Components e Client Components de forma inteligente. Também vamos aplicar validação de formulários com React Hook Form e Zod, além de revalidar o cache no server side com revalidatePath, garantindo dados sempre atualizados.
Terceiro questionário avaliativo da formação
Neste módulo, vamos construir uma aplicação completa de board de roadmap público explorando os recursos mais modernos do Next.js com a App Folder. Vamos implementar autenticação social, trabalhar com Server e Client Components, explorar Partial Pre-Rendering e Suspense API, integrar React Query para gerenciar interações como likes e comentários com interface otimista, e finalizar com recursos avançados como Parallel Routes, Intercepting Routes para modais e geração automática de imagens Open Graph.
Quarto questionário avalatiavo da formação
