Next.js

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.

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.

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.

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.

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.