Destino Dev

Cursos

E-commerce Completo com React, Node.js e Stripe

Neste curso, você vai construir um E-commerce Completo do zero — uma das aplicações mais demandadas e valorizadas no mercado. Lojas virtuais movimentam trilhões de dólares por ano, e saber construir uma do início ao fim é uma habilidade que abre portas para projetos freelancer, empregos e produtos próprios.

Você vai implementar todas as funcionalidades de um e-commerce real: catálogo de produtos, carrinho de compras, autenticação de usuários, painel administrativo e integração com o Stripe para processar pagamentos com cartão de crédito, débito e PIX.

Ao final do curso, você terá em seu portfólio uma aplicação profissional e funcional, com backend em Node.js + Express + Prisma, frontend em React com Vite, banco de dados PostgreSQL e pagamentos processados pelo Stripe.

O que você vai aprender

Construir um e-commerce completo do zero com React e Node.js; Processar pagamentos reais com o Stripe; Implementar autenticação segura com JWT; Gerenciar estado global com Context API; Criar um painel admin para gerenciar produtos e pedidos; Fazer deploy em produção no Railway e Vercel

Pré-requisitos

Conhecimento de JavaScript (ES6+); Noções básicas de React (componentes, hooks); Fundamentos de Node.js e Express; Banco de dados relacional (básico)

Conteúdo do curso

Módulo 1: Introdução e Setup do Projeto

  1. O que vamos construir: E-commerce completo com React e Node.js (20 min)
  2. Configurando o ambiente: Node.js, PostgreSQL e Stripe CLI (25 min)
  3. Estrutura do projeto: organizando backend e frontend (25 min)

Módulo 2: Backend: Servidor Express e Banco de Dados

  1. Criando o servidor Express com estrutura profissional (35 min)
  2. Configurando o Prisma ORM com PostgreSQL (30 min)
  3. Seed: populando o banco com dados iniciais (25 min)
  4. Variáveis de ambiente e segurança do backend (20 min)
  5. Testando a API com Thunder Client (20 min)

Módulo 3: Autenticação de Usuários com JWT

  1. Registro e login: rotas, validações e hash de senha (35 min)
  2. Middleware de autenticação JWT e proteção de rotas (30 min)
  3. GET /api/auth/me e atualização de perfil (25 min)
  4. Lidando com erros e respostas padronizadas na API (25 min)

Módulo 4: API de Produtos, Categorias e Carrinho

  1. CRUD completo de produtos com Prisma e Express (40 min)
  2. Upload de imagens de produtos com Multer (30 min)
  3. API do carrinho: adicionar, remover e atualizar itens (35 min)
  4. API de pedidos: criando e gerenciando orders (35 min)
  5. Filtros, busca e paginação na API de produtos (25 min)

Módulo 5: Pagamentos com Stripe

  1. Configurando o Stripe no backend: Payment Intent (35 min)
  2. Webhooks do Stripe: confirmando pagamentos automaticamente (40 min)
  3. Consultando pedidos e emitindo reembolsos via Stripe (30 min)
  4. Testando o fluxo completo de pagamento (25 min)

Módulo 6: Frontend: Interface com React e Vite

  1. Setup do React com Vite, Tailwind e React Router (30 min)
  2. AuthContext e CartContext: gerenciamento de estado global (35 min)
  3. Catálogo de produtos e página de detalhes (35 min)
  4. Página do carrinho e checkout com Stripe Elements (40 min)
  5. Página de confirmação e histórico de pedidos (25 min)

Módulo 7: Painel Administrativo

  1. Estrutura do painel admin: rotas e layout protegido (30 min)
  2. CRUD de produtos no painel admin com upload de imagem (40 min)
  3. Gestão de pedidos e atualização de status no admin (30 min)
  4. Header, Layout e componentes UI reutilizáveis (30 min)

Módulo 8: Deploy e Produção

  1. Deploy do backend no Railway com PostgreSQL (35 min)
  2. Deploy do frontend na Vercel (25 min)
  3. Próximos passos, melhorias e ideias para evoluir o projeto (20 min)