Landing de conversão
Homepage premium com planos, depoimentos, CTA e checkout integrado em poucos cliques.
SaaS Fitness · Next.js 14 + Prisma + Mercado Pago
Vitória Fitness
Plataforma completa para gestão de academias, alunos e treinos
Software SaaS premium que unifica em uma única base captação, checkout, área do aluno, financeiro, treinos e gestão de equipe. Arquitetura full-stack moderna, tipagem rigorosa e integração nativa com Mercado Pago para pagamentos.
Next.js 14
TypeScript
Prisma
Mercado Pago
Tailwind
SQLite / PostgreSQL
// Visual
Telas do produto
Interface refinada para os três perfis do sistema — admin, personal e aluno — em desktop e mobile.
// O sistema
Tudo o que uma academia precisa,
em uma só plataforma.
O Vitória Fitness é uma plataforma full-stack pensada para academias premium que querem unificar captação de alunos, pagamentos, gestão administrativa, treinos, financeiro e área do aluno em um produto coeso.
Não é um boilerplate de painel — é um sistema com regras de negócio reais, fluxos financeiros validados em backend, autenticação por papéis e webhook de pagamento assinado. Pronto para escalar de uma unidade para uma rede.
-
SaaS multi-perfil Admin, personal trainer e aluno — superfícies dedicadas, permissões nativas.
-
Pagamento via Mercado Pago Checkout completo + webhook HMAC para conciliar status sem fraude.
-
Segurança em camadas JWT HTTP-only, bcrypt, validação Zod e middleware por rota.
-
Editor de treinos Personal monta planilhas no painel — aluno consome em tempo real no app.
3
Perfis de usuário
12+
Módulos integrados
HMAC
Webhook validado
SSR
Next.js full-stack
Produto SaaS · escalável e em evolução
// Funcionalidades
Tudo que uma academia moderna precisa
Doze módulos integrados cobrindo da captação ao acompanhamento técnico do aluno.
Checkout Mercado Pago
PIX, cartão e boleto com confirmação por webhook assinado — sem manipulação no client.
Área do aluno
Dashboard pessoal, treino do dia, status de pagamento e progresso visual em tempo real.
Gestão financeira
Mensalidades, recebimentos, taxa de inadimplência e relatórios consolidados por período.
Dashboard administrativo
KPIs em tempo real, gráficos com Recharts e visão consolidada do negócio em uma tela.
Editor de treinos
Personal monta séries, repetições, carga e descanso — aluno enxerga atualizado no app.
Sistema de planos
Planos configuráveis (Standard, Premium, Black) com preço autoritativo no backend.
Gestão de equipe
Cadastro de personal trainers, vínculo com alunos e visibilidade de carga de trabalho.
Controle de inadimplência
Alertas automáticos, status visual e fluxo de cobrança recorrente integrado.
KPIs e gráficos
Receita, frequência, retenção e ticket médio renderizados com Recharts e SSR.
Login por roles
Admin, Personal e Aluno — cada perfil acessa uma superfície diferente, com middleware nativo.
Sessões seguras JWT
Cookies HTTP-only, expiração curta e refresh sob demanda — sem token exposto ao client.
// Engenharia
Arquitetura enterprise
Padrões modernos de stack full-stack, segurança e tipagem rigorosa em todas as camadas.
Next.js 14 full-stack
App Router, Server Components, Server Actions e Route Handlers em uma única codebase.
APIs integradas
Endpoints RESTful versionados, com tipagem compartilhada cliente/servidor.
Middleware por role
Proteção de rotas no edge, com fallback elegante e redirect contextual.
JWT HTTP-only
Tokens em cookies seguros, sem acesso via JS — imune a XSS comum.
Validação com Zod
Inputs validados em runtime no servidor, com tipos inferidos automaticamente.
Prisma ORM
Schema declarativo, migrations versionadas e type-safety nativa entre DB e código.
Webhook HMAC
Assinatura validada antes de qualquer mutação financeira — zero confiança no payload.
Arquitetura escalável
Domínios separados (auth, billing, training) prontos para extrair em microsserviços.
TypeScript strict
noImplicitAny, strictNullChecks e exhaustive matching — bugs pegos em build.
Separação clara
UI, regras de negócio e infra em camadas — fácil de testar, refatorar e escalar.
// 3 perfis · 1 produto
Uma superfície para cada papel
Admin, Personal e Aluno enxergam apenas o que precisam — fluxos otimizados para cada rotina.
ADMIN
Gestor da academia
Enxerga o negócio inteiro: KPIs, financeiro, equipe, alunos e configurações dos planos.
- Dashboard com KPIs em tempo real
- Cadastro de planos e preços
- Gestão de equipe (personals)
- Relatórios financeiros
- Controle de inadimplência
PERSONAL
Profissional técnico
Foca no técnico: monta planilhas, acompanha alunos vinculados e ajusta fichas em tempo real.
- Lista de alunos vinculados
- Editor de treinos
- Histórico de progressões
- Observações por aluno
- Calendário de atendimentos
ALUNO
Quem treina
Experiência mobile-first: vê o treino do dia, marca progresso e acompanha o status do plano.
- Treino do dia, sempre à mão
- Progresso e histórico pessoal
- Status do plano e renovações
- Pagamento direto pelo app
- Notificações inteligentes
// Tech Stack
Tecnologias utilizadas
Stack moderno escolhido para entregar performance, segurança e produtividade em escala.
Next.js 14
App Router, Server Components e Server Actions em produção.
TypeScript
Tipagem strict de ponta a ponta, com inferência total via Prisma e Zod.
Tailwind CSS
Design system rápido, consistente e responsivo via utilitários atômicos.
Prisma
ORM type-safe com schema declarativo e migrations versionadas.
SQLite / Postgres
Mesmo Prisma, dois bancos: SQLite em dev, PostgreSQL em produção.
Mercado Pago
Checkout PIX/cartão/boleto + Webhook HMAC para conciliar status.
Framer Motion
Animações declarativas: stagger, scroll reveal e microinterações.
Recharts
Gráficos responsivos para receita, frequência e retenção de alunos.
Zod
Validação de schemas em runtime com tipos inferidos automaticamente.
JWT
Sessões em cookies HTTP-only com expiração curta e renovação segura.
bcrypt
Hash de senhas com salt e custo configurável — padrão da indústria.
// Arquitetura
Como tudo se conecta
Camadas isoladas, comunicação tipada e contratos validados — do front ao banco.
Next.js · App Router
Server Components, Client Components e Server Actions — render adaptado por rota.
Middleware por Role
Verifica JWT no edge, redireciona para a área correta (admin · personal · aluno).
JWT HTTP-only
Cookie seguro, sem exposição em JS — imune a XSS comum.
Route Handlers
Endpoints validados com Zod, separados por domínio: auth, billing, training.
Zod Schemas
Validação de input em runtime + tipos inferidos compartilhados.
Prisma ORM
Schema declarativo, migrations versionadas e queries type-safe.
SQLite · PostgreSQL
Mesmo schema, dev em SQLite e produção em Postgres — troca por env.
Mercado Pago
Checkout PIX, cartão e boleto. Webhook assinado com HMAC valida transações.
// Segurança · Pagamentos
Confiabilidade em cada camada
Princípios de zero-trust aplicados do edge ao banco — especialmente nas mutações financeiras.
httpOnly cookie · JWT
Sessões blindadas
Token nunca tocado pelo cliente — cookie assinado, expiração curta e revogação no servidor.
x-signature · HMAC
Webhook assinado
Antes de qualquer mutação financeira, a assinatura HMAC do Mercado Pago é validada.
bcrypt(10) + salt
Senhas blindadas
Hash com salt e custo computacional ajustável. Texto puro nunca toca disco.
zod.parse()
Validação Zod
Todos os inputs do servidor são validados em runtime — payloads maliciosos rejeitados.
middleware.ts
Proteção de rotas
Edge middleware impede acesso direto a áreas protegidas sem o role correto.
price = db.price
Preço autoritativo
O backend ignora o preço enviado pelo client. A fonte da verdade é sempre o banco.
// Roadmap
Próximas implementações
A trilha de evolução do produto — de MVP a SaaS multi-academia.
Em desenvolvimento
PostgreSQL em produção
Migração final do SQLite local para Postgres gerenciado, com pool de conexões e replicação.
Próximo
Notificações push
Lembretes de treino, alertas de pagamento e novidades direto no dispositivo do aluno.
Próximo
App mobile nativo
Aplicativo dedicado para aluno e personal, com offline-first e sincronização assíncrona.
Em breve
Analytics avançado
Cohorts de retenção, LTV por plano e funil de conversão da landing ao checkout.
Em breve
IA para recomendação de treino
Sugestão de progressões baseada em histórico, frequência e objetivos do aluno.
Em breve
Integração com wearables
Apple Watch, Garmin e bands populares — leitura de batimentos e calorias durante o treino.
// Próximo passo
Pronto para transformar a gestão
da sua academia?
O Vitória Fitness é um produto pensado para academias premium que exigem mais que uma planilha. Solicite uma demonstração ao vivo ou conheça outros projetos do portfólio.