Logo do curso
Curso

React:

migrando componentes para Next.js

Quero estudar na alura

12h

Para conclusão

3

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Explore técnicas avançadas de renderização do lado do servidor e do cliente.
  • Estruture projetos React com foco na migração para Next.js.
  • Otimize a performance e o SEO das aplicações.
  • Integre backends simulados via JSON server de forma prática.
  • Aplique Tailwind CSS para criar interfaces modernas e responsivas.
  • Organize componentes client-side e server-side para uma codebase escalável.

Público alvo_

Pessoas desenvolvedores front-end que já possuem conhecimento em React e desejam aprimorar suas habilidades em otimização de performance e SE, utilizando o Next.js para melhorar a experiência do usuário em aplicações web.

Pedro Celestino de Mello

Pedro Celestino de Mello

github

linkedin

Engenheiro de Software com foco em desenvolvimento mobile e front-end. Com mais de 9 anos de experiência, adora compartilhar conhecimento com a comunidade de desenvolvedores e aprender sobre novas tecnologias. Nas horas vagas é fácil encontrar ele nos campos de batalha de World of Warcraft, viajando com a esposa e os dogs ou curtindo um futebol americano com uma boa cerveja.

Curso atualizado em 14/11/2025

Ementa

  1. Criando o projeto com Next.js 15

    • Trabalhando com frameworks modernos
    • Conhecendo o Culturama
    • Criando um novo projeto com Nextjs
  2. Construindo a estrutura de rotas

    • Entendendo sobre rotas modernas
    • Iniciando a implementação de rotas modernas
    • Diferenças entre layout global e específico
    • Criando a estrutura final de pastas
  3. Migrando componentes de React para Next.js

    • Guia de migração para Next
    • Primeiras Migrações
    • Migrando o Event Card
    • Finalizando a migração dos componentes
  4. Funcionalidades avançadas e layouts

    • Aprendendo sobre recursos avançados de layout e oganização
    • Configurando as fontes no projeto com Nextjs
    • Migrando o context e o servidor local
    • Melhores práticas para providers e hooks
  5. Otimizações e recursos avançados

    • Utilização avançada do Next
    • Migrando a tela Home
    • Migrando a tela de categorias e eventos
    • Migrando as telas internas
    • Migrando a tela de busca
    • Testando o desempenho das aplicações com o Google Lighthouse

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda React com esse e outros cursos, comece agora!

Conheça os Planos para Empresas