tiagoandClaude Sonnet 5
323912748f
Adiciona o frontend Next.js em frontend/ (setup, design system, autenticação/tema, layout/navegação, área master, área tenant completa: clientes, produtos, vendas, recebimentos, whatsapp, e-mail, alertas, equipe e perfil). Estende o backend de forma aditiva e autorizada: cookie httpOnly para refresh token (Etapa 13) e CRUD de equipe + edição de perfil do tenant (Etapa 18, módulo src/modules/equipe/ novo e PUT /tenant/perfil). Detalhes completos em Etapas/V2/*. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
SeConectai Vendas — Frontend
Aplicação Next.js (App Router) que consome a API do backend NestJS deste
mesmo repositório. Arquitetura de referência:
Etapas/V2/10-frontend-schema-arquitetura.md.
Estado de progresso das etapas de frontend:
Etapas/V2/20-controle-de-progresso-frontend.md.
Rodando localmente
- Backend rodando (via
docker compose up -dna raiz do repo, ou localmente) — necessário para/diagnosticoe para qualquer chamada de API. cp .env.local.example .env.locale ajusteNEXT_PUBLIC_API_URLse o backend não estiver emhttp://localhost:3000.npm installnpm run dev— sobe emhttp://localhost:3001(porta 3000 é do backend; se estiver livre o Next também aceitaria 3000, mas oCORS_ORIGINSdo backend já está configurado para 3001).
Scripts
npm run dev— servidor de desenvolvimento (Turbopack)npm run build— build de produçãonpm run start— serve o build de produçãonpm run lint— ESLintnpm run format/npm run format:check— Prettier
Stack
Next.js 15 (App Router) + React 19 + TypeScript, Tailwind CSS v4
(tokens definidos em styles/tokens.css via
@theme inline, não em tailwind.config.ts — ver decisão registrada no
controle de progresso da Etapa 11).
Estrutura
app/(public)/ rotas públicas (login, recuperação de senha)
app/master/ painel master
app/app/ painel tenant
components/ui/ componentes base (Etapa 12)
components/layout/ sidebar/topbar/drawer (Etapa 14)
components/domain/ componentes específicos de domínio
lib/api/ cliente HTTP
lib/auth/ sessão/autenticação (Etapa 13)
lib/theme/ resolução de tema whitelabel (Etapa 13)
lib/validators/ schemas Zod
styles/tokens.css tokens de design (CSS variables)