Rocketseat
Rocketseat
/

Next.js

Crie aplicações web modernas e performáticas com Next.js, dominando renderização, roteamento avançado e React Server Components!

Icone da tag FrontendFrontendIcone da tag IntermediárioIntermediário
ReactJavaScriptNext.js
Next.js icon

Tem módulo novo chegando!

As aulas dessa trilha estão sendo gravadas pra te trazer o que há de mais atual no mercado. Seu certificado estará disponível assim que a trilha completa estiver totalmente liberada na plataforma.

Nível 1

Fundamentos do Next.js

62 Aulas

Pages Router

Módulo46 aulas
9h 03min

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.

Quiz - Pages Router

Quiz avaliativoobrigatório
10 Questões

Primeiro questionário avaliativo da formação

App Router

Módulo10 aulas
1h 52min

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.

Quiz - App Router

Quiz avaliativoobrigatório
10 Questões

Segundo questionário avaliativo da formação

Deploy e SEO

Módulo6 aulas
38min

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.

Desafio - DevLinks

Desafio práticoopcional

Primeiro desafio da formação Next.js. Desenvolva uma aplicação de links (estilo Linktree) e gerencie o conteúdo via CMS.

Microcertificado - Nível 1

Microcertificado - Nível 1

Micro-certificado
Requisitos
Nível 2

Pet Shop

40 Aulas

Pet Shop

Módulo40 aulas
6h 05min

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.

Quiz - Pet Shop

Quiz avaliativoobrigatório
10 Questões

Terceiro questionário avaliativo da formação

Microcertificado - Nível 2

Microcertificado - Nível 2

Micro-certificado
Requisitos

Lorem ipsum dolor sit

Módulo

Adipiscing habitant nulla sed elit eget feugiat. In vitae aliquam varius in vitae gravida nibh eu nibh. Egestas et purus lectus adipiscing. Dolor egestas elit imperdiet auctor eu.

Lorem ipsum dolor sit

Módulo

Adipiscing habitant nulla sed elit eget feugiat. In vitae aliquam varius in vitae gravida nibh eu nibh. Egestas et purus lectus adipiscing. Dolor egestas elit imperdiet auctor eu.

Lorem ipsum dolor sit

Módulo

Adipiscing habitant nulla sed elit eget feugiat. In vitae aliquam varius in vitae gravida nibh eu nibh. Egestas et purus lectus adipiscing. Dolor egestas elit imperdiet auctor eu.

Novos módulos em breve!

Fique de olho nas comunicações para não perder os próximos conteúdos da trilha. Enquanto isso, aproveite para explorar conteúdos extras no catálogo!