📦 Projeto Portfolio

LaunchPad Commerce

Uma plataforma e-commerce production-ready construída com Next.js, Stripe e PostgreSQL. Demonstra full-stack development, payment processing, e arquitetura escalável.

13+
Endpoints API
16+
Páginas & Rotas
4
Modelos DB
🔗 Ver Código no GitHub🛍️ Ver Demo

💡 Este é um projeto de demonstração técnica. Usa Stripe em test mode.
Código completo disponível no repositório.

O Que Foi Construído

Demonstra capacidade de implementar features complexas em produção

🛒

Shopping Cart

Estado gerenciado com Zustand. localStorage persistence. Operações: adicionar, remover, atualizar quantidade.

Zustand, React Hooks

💳

Stripe Checkout

Integração com Stripe Hosted Checkout. Sessões seguras, validação de dados com Zod, error handling robusto.

Stripe API, Next.js API Routes

📧

Email Transacional

Confirmação de pedido via Resend. Template HTML responsivo, fallback gracioso se email falhar.

Resend, HTML Templates

🎣

Webhooks

Endpoint seguro de webhook. Verificação de assinatura Stripe, idempotência, logging detalhado.

Stripe Webhooks, Next.js

📊

Database Design

Schema Prisma com Product, Order, OrderItem. Relacionamentos, indexes, migrations automáticas.

PostgreSQL, Prisma ORM

🚀

API REST

Endpoints tipados (TypeScript). GET /api/products, POST /api/stripe/checkout, POST /api/stripe/webhook.

Next.js App Router, TypeScript

🏗️ Arquitetura Escalável

  • ✓Type-safe com TypeScript em 100% do código
  • ✓Component-driven architecture (React)
  • ✓Validação de dados com Zod
  • ✓Error handling e logging estruturado
  • ✓Database migrations automáticas
  • ✓CI/CD via Vercel (auto-deploy)

Stack Tecnológico

Tech stack moderno, escalável e production-ready

Frontend

  • Next.js 16.1

    App Router, SSR, API Routes

  • React 19

    Hooks, Server Components

  • TypeScript 5

    100% type coverage

  • TailwindCSS 4

    Utility-first styling

  • Zustand 4.4

    State management

Backend & APIs

  • Node.js

    JavaScript runtime

  • Stripe

    Payment processing

  • Resend

    Email service

  • Zod

    Schema validation

Database & ORM

  • PostgreSQL

    Relational database

  • Vercel Postgres

    Managed database

  • Prisma 5.22

    Type-safe ORM

Deployment & DevOps

  • Vercel

    Hosting & deployment

  • Git

    Version control

  • GitHub

    Repository

📈 Métricas & Performance

20+

Commits

1000+

Lines of Code

100%

Type Coverage

<1s

Page Load

✅ Code Quality

  • • ESLint + Prettier configurados
  • • TypeScript strict mode
  • • Prisma migrations automáticas
  • • Error logging estruturado
  • • API route validation com Zod

🔐 Security

  • • Stripe webhook signature verification
  • • Environment variables com .env.example
  • • API rate limiting ready
  • • CORS configuration
  • • Input validation em todos endpoints