Painel de Desenvolvimento

Acompanhamento completo do projeto PRASER — da infraestrutura ao produto final. Cada etapa com definicoes concretas para IAs e humanos executarem.

Ultima atualizacao: 2025-02-09

Concluidas

Em Andamento

Pendentes

Bloqueadas

Concluido

Em andamento

Aguardando

Bloqueado

Pendente

AI Tarefa para IA

INFRA Infraestrutura

FRONT Frontend

BACK Backend

TESTE Testes

DOC Documentacao

Decisoes Arquiteturais & Alertas

ALERTA: PWA Offline-First e uma armadilha

iOS Safari limpa cache agressivamente apos 7 dias de inatividade. Limite de armazenamento de ~50MB-1GB inviabiliza video offline no navegador. Solucao: usar Expo (React Native) compilando para Web primeiro, migrando para nativo quando precisar de offline real.

ALERTA: Comunidade propria no Dia 1 = cidade fantasma

Feed social vazio mata a percepcao de valor. MVP deve usar WhatsApp Communities ou Circle.so integrado via SSO. Codificar rede social propria apenas com 1.000+ usuarios pagantes pedindo por isso.

ALERTA: Custo Mux pode comer toda a margem

5.000 usuarios x 20min/dia x 30 dias = 3M minutos/mes. No Mux (~$0.003/min) = $9.000 USD/mes. Com plano Essencial a R$49/mes, margem vira negativa. Alternativa: Cloudflare Stream (custo drasticamente menor, ja na stack).

ALERTA: B2B exige SSO desde o inicio

Empresas com 500+ funcionarios exigem SAML/OIDC (Okta, Microsoft Entra ID). Ao escolher Auth, verificar suporte SSO e custo. Better Auth (self-hosted) pode ser a opcao mais viavel para manter custo baixo.

ALERTA: Producao de conteudo — IA como compensacao

Orcamento de E2-5K/curso vs. $50-100K do Mindvalley. Solucao: investir pesado em pos-producao com IA — Descript (editar video via texto), Adobe Enhance (audio studio-quality), ElevenLabs (dublagem PT-BR automatica).

Registro de Decisoes Tecnicas

Video Streaming

Mux ($0.003/min) → Cloudflare Stream

Custo/margem: ja estamos na stack Cloudflare (R2, Workers, Pages). Stream cobra por armazenamento, nao por visualizacao. Margem preservada no plano Essencial BR.

Estrategia Mobile

PWA Offline-First → Expo (React Native) → Web primeiro

PWA nao suporta video offline de forma confiavel no iOS. Expo permite compilar para Web no MVP e migrar para nativo sem reescrever codigo.

Comunidade / Social

Build social feed do zero na Fase 3 → WhatsApp Communities + Circle.so via SSO

Brasileiro vive no WhatsApp. Engajamento 10x maior. Migrar para plataforma propria apenas com massa critica (1.000+ pagantes).

Autenticacao

Clerk (pago, SSO enterprise caro) → Better Auth (self-hosted) com SAML/SSO

Custo zero, controle total, preparado para B2B enterprise com SSO. Implementacao mais complexa, mas viavel com AI-assisted development.

Analytics

Multiplas ferramentas → PostHog (self-hosted)

Substitui 10 ferramentas do Mindvalley. Product analytics, session recording, feature flags, A/B testing em um unico produto open-source.

Fases de Desenvolvimento

Fundacao — Infraestrutura & Setup

Esqueleto da aplicacao, banco de dados, autenticacao, deploy

▼

2/13

⚙ 0.1 — Setup do Monorepo & Infra

✓

Criar repositorio GitHub e estrutura inicial

INFRA DOC

✓

Deploy Cloudflare Pages (site de documentacao)

INFRA

Publicado em projetomindvalley.pages.dev

Iniciar projeto Next.js 15 com App Router + TypeScript + Tailwind

AI INFRA

Comando: npx create-next-app@latest com TurboRepo. Estrutura features/ folder pattern otimizada para LMS.

Configurar shadcn/ui (Botao, Input, Card, Dialog, Toast)

AI FRONT

Configurar Neon (Postgres Serverless) + Drizzle ORM

INFRA BACK

Neon free tier: 0.5 GB storage, 1 branch. Suficiente para MVP. Conectar via DATABASE_URL no .env.

Configurar ESLint, Prettier, Husky (pre-commit hooks)

INFRA AI

Configurar CI/CD — GitHub Actions para deploy automatico na Cloudflare

INFRA

Workflow: push em main → build → deploy Cloudflare Pages. Push em PR → deploy preview.

🗄 0.2 — Modelagem de Dados (Schema Drizzle)

Schema: Users (perfil, gamificacao, subscription_status, onboarding_data)

AI BACK

Campos: id, email, name, avatar_url, bio, growth_goals[], streak_count, total_xp, subscription_status (free|essential|pro|enterprise), created_at

Schema: Quests (cursos), Chapters (semanas), Lessons (aulas)

AI BACK

Relacoes: Quest has many Chapters, Chapter has many Lessons. Many-to-many entre Users e Quests via user_quests junction table.

Schema: UserProgress (tracking granular por aula)

AI BACK

Campos: user_id, lesson_id, status (locked|available|in_progress|completed), last_watched_position, completed_at, xp_earned

Schema: Meditations (audio, categorias, duracoes)

AI BACK

Rodar migrations e seed data de teste

BACK TESTE

Comando: npx drizzle-kit push. Criar seed com 3 cursos fake, 10 aulas, 5 meditacoes para dev/teste.

🔐 0.3 — Autenticacao & Perfil

Implementar Better Auth (self-hosted) com email/senha + Google OAuth

AI BACK CRITICO

Preparar infraestrutura para SAML/SSO futuro (B2B). Documentar decisao e trade-offs no repo.

Criar fluxo de Onboarding multi-step (Quiz "Growth Goals")

AI FRONT

Step 1: Nome/Bio. Step 2: Selecionar 3 growth goals de uma lista. Step 3: Animacao salvando dados. Usar react-hook-form + framer-motion.

LMS "Quest" Engine — O Coracao

Usuario entra, ve cursos, assiste aula, marca como concluida

▼

0/10

🎬 1.1 — Interface de Quest (Microlearning)

Layout do Player de Curso (sidebar modulos + video principal + descricao)

AI FRONT

Sidebar colapsavel. Aula ativa destacada. Responsivo. Baseado em screenshots do Mindvalley como referencia visual.

Pagina de catalogo de Quests (grid filtravel por categoria)

AI FRONT

Logica de "Unlock Diario" (travar aulas futuras, liberar 1/dia)

AI BACK

Middleware server-side: verificar user_quests.enrolled_at + offset de dias para determinar quais aulas estao disponiveis.

📹 1.2 — Video Streaming (Cloudflare Stream)

Integrar Cloudflare Stream — upload API + player embed

INFRA BACK

Usar Cloudflare Stream API para upload. Player nativo do Stream com signed URLs para protecao de conteudo.

Componente StreamPlayer no frontend com controles customizados

AI FRONT

Webhook: marcar "Video Completed" automaticamente em 90% de progresso

BACK

Endpoint /api/webhooks/stream. Atualizar user_progress.status = 'completed' e calcular XP.

🏆 1.3 — Gamificacao Basica

Logica de Streaks (dias consecutivos de uso)

AI BACK

Funcao: calcular streak baseado em lesson_completed_at timestamps. Tratar edge case de pular um dia. Resetar streak se >24h sem atividade.

Animacao de confete/celebracao ao completar aula

AI FRONT

Sistema de XP e niveis (tabela de progressao)

AI BACK

Testes unitarios para logica de streaks e XP

TESTE AI

Imersao — Audio & Meditacao

Replicar experiencia "Omvana" com mixer de audio avancado

▼

0/5

🎧 2.1 — Player de Audio Avancado

Player persistente (continua ao navegar pelo site) com React Context

AI FRONT

Usar Howler.js. Dois tracks simultaneos: "voice" (guia) + "ambient" (fundo). Sliders de volume independentes.

Mixer de Audio — controles de balanco voz/ambiente

AI FRONT

Timer de meditacao com alarme suave

FRONT

🧘 2.2 — Biblioteca de Meditacao

Catalogo filtravel (duracao, categoria, "feeling")

AI FRONT

Grid masonry. Chips de filtragem: 5min, 10min, 20min. Categorias: Foco, Sono, Ansiedade, Energia.

Gerar meditacoes sinteticas de alta qualidade com ElevenLabs

AI CONTEUDO

Criar 10 meditacoes seed em PT-BR. Voz sintetica premium + sons ambiente. Armazenar no Cloudflare R2.

Comunidade & Social (Tatico)

Integracao com WhatsApp e Circle.so — sem build from scratch

▼

0/5

Decisao: WhatsApp-first, nao Social Feed custom

Ao inves de construir um feed social do zero (complexo e fadado a cidade fantasma), integrar WhatsApp Communities para cada curso e Circle.so para forum via SSO. Codificar social feed proprio apenas apos 1.000 pagantes.

💬 3.1 — Integracao WhatsApp

Configurar WhatsApp Business API + Manychat para automacoes

INFRA BUSINESS

Automacao: ao se inscrever em Quest, receber convite do grupo WhatsApp da turma

BACK AI

Lembretes diarios via WhatsApp (streak, nova aula disponivel)

BACK

👤 3.2 — Perfis e Gamificacao Social

Pagina de perfil publico (Badges, Streaks, Quests completadas)

AI FRONT

Leaderboard semanal por curso

AI FRONT BACK

AI Coach "Eve" — O Cerebro

RAG sobre conteudo dos cursos + chat coaching personalizado

▼

0/6

🧠 4.1 — Vetorizacao de Conteudo

Configurar Qdrant (ou Pinecone) para banco vetorial

INFRA AI

Script: transcrever videos (OpenAI Whisper) e indexar no banco vetorial

AI BACK

Pipeline: video → Whisper → texto → chunk 500 tokens → embedding text-embedding-3-small → upsert Qdrant. Processar em batch.

Criar pipeline automatico: novo video uploaded → transcricao → vetorizacao

BACK AI

💬 4.2 — Chat Interface (Vercel AI SDK)

Chat flutuante global com Vercel AI SDK (useChat)

AI FRONT

System prompt: coach transformacional. Tool getRelevantContext para buscar respostas nos transcripts dos cursos antes de responder.

Personalizacao contextual: Eve sabe quais cursos o usuario esta fazendo

AI BACK

Testes E2E do fluxo de chat (resposta contextual, fallback)

TESTE AI

Monetizacao — Pagamentos & Bloqueio

Stripe/Pagar.me, planos, portal do cliente, middleware de acesso

▼

0/6

💳 5.1 — Stripe & Pagamentos

Configurar Stripe Checkout (Subscription mode) — planos Essencial/Pro

BACK INFRA

Integrar Pagar.me para Pix transparente (mercado BR)

BACK BUSINESS

Webhook handler: checkout.session.completed + invoice.payment_failed

AI BACK

Endpoint /api/webhooks/stripe. Atualizar users.subscription_status no Drizzle. Logar eventos para auditoria.

Portal do Cliente Stripe (cancelamento, faturas, troca de plano)

BACK FRONT

🔒 5.2 — Bloqueio de Conteudo

Middleware Next.js: verificar subscription ativa antes de acessar /quests/pro/

AI BACK

Redirecionar para pagina de pricing se nao tiver plano ativo. Tratar edge cases: trial expirado, pagamento falhado.

Pagina de Pricing com comparativo de planos

AI FRONT DESIGN

Conteudo, Testes & Launch

Preencher plataforma, testes E2E, SEO, go-live

▼

0/8

🎨 6.1 — Geracao de Conteudo AI (Seed)

Gerar capas cinematograficas para cursos com Midjourney/DALL-E

AI CONTEUDO

Gerar syllabi completos para 3 cursos iniciais com LLM

AI DOC

Cursos seed: "Superbrain 21 dias", "Produtividade Extrema", "Inteligencia Emocional". JSON com titulo, descricao, 3-bullet summary por dia.

Pos-producao AI: Descript (editar video via texto) + Adobe Enhance (audio studio)

AI CONTEUDO

Dublagem PT-BR automatica com ElevenLabs para conteudo em ingles

AI CONTEUDO

✅ 6.2 — Testes & QA

Testes E2E com Playwright (fluxos criticos: login → assistir aula → checkout)

TESTE AI

Teste de carga (k6 ou Artillery) — validar 1.000 usuarios simultaneos

TESTE INFRA

Auditoria LGPD/GDPR — consent de cookies, "Right to be Forgotten"

BACK BUSINESS CRITICO

SEO programatico — meta tags, sitemap, Open Graph para paginas publicas dos cursos

AI FRONT

Stack Tecnologica Definida

Camada	Tecnologia	Motivo
Framework	Next.js 15 (App Router)	SSR + RSC + API Routes. Ecossistema mais completo para LMS
Linguagem	TypeScript	Type-safety end-to-end com tRPC e Drizzle
Estilo	Tailwind CSS + shadcn/ui	Rapidez no dev. Componentes acessiveis prontos
Banco de Dados	Neon (Postgres Serverless)	Serverless, free tier, branching, scaling automatico
ORM	Drizzle ORM	Type-safe, leve, SQL-like. Melhor DX que Prisma para serverless
API	tRPC	End-to-end type safety. Elimina camada REST manual
Auth	Better Auth (self-hosted)	Custo zero, SSO/SAML preparado para B2B, controle total
Video	Cloudflare Stream	Custo inferior ao Mux, DRM nativo, ja na stack Cloudflare
Storage	Cloudflare R2	S3-compatible, sem egress fee. Audio, imagens, assets
Hosting	Cloudflare Pages + Workers	Edge deploy global, custo previsivel, integrado com Stream/R2
AI/LLM	Claude API + Vercel AI SDK	Coach "Eve". RAG com embeddings OpenAI + Qdrant
Vetorial	Qdrant (self-hosted ou cloud)	Open-source, rapido, menor custo que Pinecone
Analytics	PostHog (self-hosted)	Substitui 10 ferramentas. Product analytics, session replay, feature flags
Pagamentos	Stripe + Pagar.me	Stripe para internacional, Pagar.me para Pix BR
Email	Resend	API moderna para transacional. Integra bem com Next.js
Comunidade	WhatsApp API + Circle.so	Onde o brasileiro ja esta. Migrar para proprio com massa critica
Testes	Vitest + Playwright	Unit + E2E. Rapido, compativel com Vite/Next
CI/CD	GitHub Actions	Gratuito para repos publicos. Deploy automatico Cloudflare
Monitoramento	Sentry	Error tracking + performance. Free tier generoso

Documentacao & Artefatos

📄 Documentos Produzidos

✓

Plano Estrategico PRASER (site principal)

DOC

index.html — Visao geral, modelo de negocio, tecnologia, cursos, marketing, roadmap

✓

Analise tecnica do Mindvalley (referencia)

DOC

mindvalley-analise-software.md — Stack, funcionalidades, banco de dados, infraestrutura

✓

Modelo de negocio completo (referencia)

DOC

mindvalley-modelo-negocio-completo.md — Receita, pricing, mercado, concorrencia

✓

Painel de Desenvolvimento (esta pagina)

DOC

kanban/index.html — Tracker de etapas, decisoes, stack, progresso

📋 Documentos a Produzir

README.md do projeto (setup, arquitetura, como contribuir)

DOC

Schema de banco de dados documentado (ER diagram)

DOC AI

Guia de prompts para agentes AI (context windows, regras)

DOC AI

Documentacao de API (endpoints, webhooks, autenticacao)

DOC

Comando Magico para IAs / Agentes

"Voce e um Tech Lead Senior especializado em Next.js e Arquitetura de LMS. Vou te pedir para implementar funcionalidades do clone Mindvalley (PRASER). Sempre prefira solucoes usando shadcn/ui e lucide-react. Mantenha o codigo type-safe com Zod e tRPC. Foque em gerar codigo funcional e pronto para producao. Consulte o painel em /kanban para ver o estado atual das tarefas."

Estrategia MVP

V1: Login + Player de Video + Checkout (venda acesso) → V2: Meditacao + Gamificacao (aumente retencao) → V3: Comunidade + AI Coach (crie o moat competitivo)