Logo do curso
Curso

React:

implementado técnicas modernas de Debugging e Release com Next.js

Quero estudar na alura

12h

Para conclusão

9

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Configure variáveis de ambiente e execute scripts SQL no Supabase para estruturar o banco de dados e conectar autenticação e dados da aplicação.
  • Entenda a diferença entre deploy e release e veja como as feature flags tornam a entrega contínua mais segura.
  • Estruture o front-end em React e Next.js com foco em autenticação e gerenciamento de rotas.
  • Use DevTools, React Developer Tools e o debugger do VS Code para identificar e corrigir problemas.
  • Implemente logs estruturados com Winston, configurando níveis, transportes e contexto das mensagens.
  • Integre feature flags com @growthbook/growthbook-react para ativar funcionalidades dinamicamente, sem novo deploy.
  • Realize o deploy seguro e eficiente da aplicação utilizando a Vercel.

Público alvo_

Pessoas desenvolvedoras que possuem conhecimento em React e querem aprimorar suas habilidades em práticas de configuração, debug, logs estruturados e deploy seguro.

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. Fundamentos e configuração inicial

    • Conhecendo a estrutura do projeto
    • Criando o projeto no Supabase
    • Criando conta de usuário
  2. Depuração e primeiros bugs

    • Introdução React developer tools
    • Depurando client-side
    • Depurando server-side
    • Depurando server-side no navegador
    • Entendendo Hydration: Server vs Client
  3. Entendendo logs estruturados

    • Entendendo logs estruturados
    • Adicionando logs em arquivos
    • Colocando logs aplicacionais em ação
    • Criando logs de negócios padronizados
    • Adicionando logs em luxo de autenticação
    • Entendendo limitações técnicas
    • Realizando teste na Vercel
  4. Utilizando feature flags

    • Entendendo o que são feature flags
    • Configurando o ambiente para feature flags com growthbook
    • Integrando o growthbook ao projeto com provider
    • Testando feature flag integrada com o grow
  5. Deploy seguro e estratégias de Rollback

    • Estratégias de deploy e rollback com feature flags
    • Testando feature flag em produção

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