Logo do curso
Curso

React:

explorando estratégias de renderização do Next.js

Quero estudar na alura

14h

Para conclusão

10

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Explore as diferentes estratégias de renderização, como SSR, CSR, SSG e ISR.
  • Configure projetos com Next.js integrados a Node.js para aprimorar a performance.
  • Aplique técnicas de SEO e otimização no carregamento das páginas.
  • Crie e manipule endpoints de API seguindo boas práticas RESTful.
  • Integre a camada de dados com Supabase e gerencie o banco de dados.
  • Implemente custom hooks em React para controle de estado.
  • Realize o deploy de projetos na Vercel com suporte a CDN.

Público alvo_

Este curso é direcionado para pessoas interessadas em expandir suas habilidades de desenvolvimento web, especialmente em estratégias de renderização com Next.js, criação de APIs REST e integração com Supabase e Vercel. Ao final do curso, será possível aplicar técnicas de otimização de sites, aprimorar o SEO e desenvolver aplicações escaláveis, tornando-o ideal para profissionais e entusiastas que buscam inovação em projetos digitais.

Patrícia Silva

Patrícia Silva

github

Sou Engenheira de Software, atualmente atuando como Fullstack Engineer e baseada em Portugal. Sou uma profissional entusiasmada que ama tecnologia. Trabalho como desenvolvedora web há mais de 15 anos. Ajudo desenvolvedores a melhorar suas habilidades e estou aberta a trocas de conhecimento com qualquer pessoa. Sou mãe de plantas e de dois meninos lindos. Adoro viajar, conhecer novas pessoas e estar em contato com a natureza. O foco e o cuidado com a experiência do usuário são o segredo do sucesso.

Curso atualizado em 14/11/2025

Ementa

  1. Entendendo estratégias de renderização

    • Explorando o CSR e SSR
    • Explorando o SSG e ISR
    • Comparando as estratégias de renderização
    • Conhecendo a estrutura do projeto
    • Configurando o Supabase
    • Criando tabelas e populando dados com script-seed
  2. Implementação da página home com SSR

    • Implementando camada de dados
    • Diferenças do pages router e app router
    • Implementando a API Router para produtos e categorias 1
    • Implementando a API Router para produtos e categorias
    • SSR Puro na página home integrando API categorias
    • Análise de Performance SSR
  3. Utilizando ISR

    • Convertendo para SSG e ISR
    • Organizando trade-offs e alternativas
    • SSG e ISG para rotas dinâmicas
  4. Utilizando CSR - Client Side Rendering

    • Preparando a API Search
    • Implementando a lógica da página de produtos
    • Implementando hook personalizado
    • Integrando CSR
    • Fazendo o deploy na vercel

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