Por que MediAgenda?
MediAgenda não é um kit de UI e não é um template: é um SaaS de agendamento médico funcional. Cada tela abaixo é suportada por um verdadeiro esquema PostgreSQL (mais de 65 modelos Prisma), Ações do Servidor, autenticação baseada em funções e dados ricos de exemplo, para que você possa lançar um marketplace de agendamento de médicos, um sistema de clínica ou um produto de telemedicina de nicho em dias, em vez de meses.
Cobre todo o ciclo: o paciente encontra um médico, agenda, paga, recebe atendimento e deixa uma avaliação, enquanto o administrador gerencia tudo a partir de um painel de marca branca sem tocar no código. As animações e o vídeo mostram o aplicativo real em funcionamento com dados de demonstração: sem maquetes.
- 4 portais completos: Paciente, Médico, Administrador e Agente de Suporte
- Marketplace público com busca, perfis ricos e agendamento instantâneo (visitantes podem agendar sem uma conta)
- Ciclo completo de agendamento: pendente, confirmado, concluído, cancelado, não compareceu
- Dois motores de receita com Stripe: assinaturas de médicos e taxas por consulta (Stripe Connect)
- Mensagens em tempo real entre médico e paciente com Pusher, com um painel de métricas no administrador
- Prontuários eletrônicos com um assistente passo a passo
- Avaliações com classificações, tags, respostas dos médicos e moderação
- Conjunto de suporte integrado com métricas de SLA e agendamento de agentes
- Troca de idioma EN/ES em tempo de execução: mais de 11.000 strings traduzidas
- Google Maps para locais de clínicas, exportação em Excel de catálogos, usuários e agendamentos
- Dados de demonstração realistas: 26 médicos, 35 pacientes, mais de 750 agendamentos
01. Veja funcionando: um paciente agenda em tempo real
O widget de agendamento guia o paciente através do tipo de visita, endereço do consultório, serviço, seguradora e uma grade de disponibilidade ao vivo calculada a partir da agenda semanal do médico, pausas, férias e agendamentos existentes. Visitantes podem agendar apenas com nome e e-mail; reservas de horários evitam agendamentos duplos, e quando você habilita, os pacientes pagam a consulta online no momento da reserva.
Segundos depois, o agendamento está esperando no painel do médico, com os detalhes de contato do paciente, modalidade, status e um link direto para seu prontuário médico.
02. Uma página de destino que vende por você
Um site de marketing moderno e focado em conversão com métricas de herói animadas, uma maquete de produto ao vivo, histórias de pontos de dor, destaques de recursos, comparação com concorrentes, depoimentos e preços: tudo o que um SaaS médico precisa para converter médicos visitantes em assinantes. Logotipo, textos, cores e metadados de SEO são editados a partir do painel de administração.
03. Marketplace de médicos com busca inteligente
Pacientes encontram o especialista certo com filtros combinados: busca em texto livre, mais de 100 especialidades médicas, cidade e modalidade de consulta (presencial ou virtual). Cada cartão de resultado mostra a foto do médico, classificação de avaliação ao vivo, hospital, chips de modalidade e taxa de consulta.
04. Perfis públicos de médicos que constroem confiança
Cada médico recebe uma página pública rica e amigável para SEO: galeria de fotos e vídeos do YouTube, badge verificado, classificação em estrelas, biografia, linha do tempo de educação e experiência, serviços com preços, múltiplos locais de consultório com um Google Map embutido, seguradoras aceitas, certificados em PDF para download, avaliações de pacientes com respostas dos médicos e um widget de agendamento persistente. Eventos de interesse do paciente (visualizações de perfil, agendamentos iniciados, cliques de contato) alimentam a análise do médico.
05. Autenticação e integração para cada função
Autenticação de credenciais com NextAuth, recuperação de senha e fluxos de registro aprimorados. O template vem com logins de demonstração com um clique para todos os quatro papéis, para que os compradores possam explorar instantaneamente. Pacientes se inscrevem através de um assistente de 2 etapas; médicos através de um assistente de 5 etapas com uma prévia de perfil ao vivo que coleta perfil, especialidade, endereço da clínica (autocomplete do Google Places) e disponibilidade semanal, e então, dependendo do modo de cobrança que você configurar, cobra uma taxa única ou inicia uma assinatura Stripe antes de ativar a conta.
06. Portal do médico: um verdadeiro cockpit de prática
Médicos gerenciam toda a sua prática a partir de um único painel: um painel de KPI com análises de engajamento de pacientes, um calendário completo com regras de disponibilidade semanal por consultório, bloqueio de horários e férias, gerenciamento de agendamentos, um CRM de pacientes com acesso instantâneo ao histórico médico de cada paciente, gerenciamento de serviços e preços por consultório, seguradoras e condições tratadas, gerenciamento de avaliações com respostas, mensagens em tempo real, integração de pagamentos Stripe e edição de perfil com galeria de fotos, vídeos e certificados.
A disponibilidade é configurada por escritório: dias e horários, serviços oferecidos, tipos de pacientes e uma cor para o calendário. Pausas, blocos de horários e férias são respeitados automaticamente pela grade de reservas públicas.
A troca de mensagens é instantânea graças ao Pusher Channels: o médico vê as mensagens dos pacientes no momento em que chegam, com contadores de não lidos e histórico de conversas.
07. Portal do paciente: tudo em um só lugar
Os pacientes gerenciam toda a sua vida de saúde: um painel pessoal com estatísticas de saúde, gerenciamento de consultas com fluxos de reagendamento e cancelamento e exportação de calendário, seus médicos, prescrições, histórico de pagamentos, chat em tempo real com médicos e um histórico médico eletrônico completo construído com um assistente passo a passo. As avaliações possuem um selo de consulta verificada.
08. Painel administrativo: gerencie toda a plataforma
Um back office completo para operar o marketplace: painel global, gerenciamento de usuários com filtros de função e páginas de detalhes, supervisão de consultas, seis gerenciadores de catálogo (especialidades, serviços, doenças, seguradoras, tipos de pacientes, prefixos profissionais) com exportação para Excel, moderação de avaliações com um fluxo de revisão reportada, um conjunto completo de suporte e configurações de monetização profundas.
As configurações também abrangem branding (logo, favicon, imagem OG, metadados SEO), Google Maps e credenciais do Pusher, chaves de teste/ao vivo do Stripe com verificações de conexão, taxas de pagamento de paciente para médico via Stripe Connect com um simulador de taxas interativo, métricas do Pusher (latências P95, taxa de sucesso de entrega, autorizações de canal, eventos por função e log de erros) e uma página de manutenção de servidor e cache com verificações de saúde do banco de dados. Nenhuma variável de ambiente necessária para integrações: as chaves da API vivem no banco de dados e são ativadas ou desativadas pela interface do usuário.
09. Portal do agente de suporte: helpdesk integrado
Um portal dedicado para sua equipe de suporte: uma caixa de entrada de tickets com fila pessoal e pool não atribuído, "pegar ticket" com um clique, autoatribuição, prioridades, anexos, respostas em thread com notas internas invisíveis para os usuários, fluxo de status (aberto, em progresso, aguardando usuário, resolvido, fechado), horários dos agentes e métricas de SLA e taxa de fechamento por agente, com supervisão de cada ticket.
10. Dois motores de receita, alimentados pelo Stripe
MediAgenda foi construído para gerar receita desde o primeiro dia, com duas fontes de receita independentes alimentadas pelo Stripe que você configura totalmente a partir do painel administrativo.
Motor 1: receita SaaS, cobre médicos pelo uso da plataforma
Escolha como os profissionais pagam para se juntar: Gratuito (crescer do lado da oferta primeiro), Pagamento único (acesso vitalício coletado durante o cadastro) ou Assinatura recorrente (semanal, mensal ou anual via Stripe Billing). Defina o preço regular, execute preços promocionais, ofereça dias de teste, escolha a moeda e os métodos de pagamento, e escolha entre o checkout hospedado do Stripe ou um formulário de cartão embutido dentro do assistente de registro. Os médicos não são ativados até que o Stripe confirme o pagamento.
Motor 2: receita de transação, ganhe em cada consulta paga
Ative os pagamentos de paciente para médico via Stripe Connect e mantenha uma comissão de plataforma configurável em cada consulta: uma porcentagem, uma taxa fixa adicional ou ambos (defina 0% para repassar 100% ao médico). Decida quem atua como comerciante registrado: a plataforma cobra a taxa e transfere o líquido ao médico (cobranças de destino), ou o médico cobra diretamente e o Stripe roteia sua taxa automaticamente (cobranças diretas). Os médicos completam seu próprio onboarding no Stripe (KYC) a partir de seu painel, e o painel administrativo rastreia contas conectadas, cobranças e comissões acumuladas.
- Onboarding gratuito / único / por assinatura para médicos
- Dias de teste, preços promocionais e multi-moeda
- Checkout Stripe hospedado ou incorporado no assistente de inscrição
- Pagamentos Stripe Connect com taxas de plataforma por consulta
- Cobranças de destino ou diretas (escolha do comerciante registrado)
- Alternância entre modo de teste/ao vivo com verificações de saúde da conexão
- Histórico de assinaturas e pagamentos no painel de administração
- Simulador de taxas interativo com custos reais do Stripe
11. Bilingue por design: Inglês e Espanhol
Um interruptor de idioma EN/ES com um clique está presente em todos os cabeçalhos e barras laterais. O mecanismo de tradução em tempo de execução vem com um dicionário de mais de 11.000 entradas cobrindo todo o produto, incluindo os catálogos médicos (especialidades, doenças, serviços), datas, contadores dinâmicos e até conteúdo de demonstração pré-carregado, com correspondência de padrões inteligente para números interpolados e frases compostas. O Google Maps também carrega no idioma selecionado, e o dicionário é extensível para mais idiomas.
Divisão de recursos por função
Médicos: perfil público com galeria, vídeos e certificados · painel de KPI com análises de engajamento · calendário, disponibilidade semanal, intervalos e férias por consultório · gerenciamento do ciclo de vida de consultas · CRM de pacientes com históricos médicos · serviços com preços fixos ou por faixa por consultório · seguradoras e condições tratadas · respostas a avaliações · chat em tempo real · onboarding de pagamentos Stripe · tickets de suporte
Pacientes: pesquisar e agendar em minutos (mesmo como convidado) · painel com resumo de saúde · reagendar e cancelar com políticas · exportação de calendário · assistente de histórico médico eletrônico · histórico de pagamentos · chat com médicos · avaliações com selo de consulta verificada · interface bilíngue
Administradores: painel global · gerenciamento de usuários e funções · supervisão de consultas · 6 gerentes de catálogo com exportação para Excel · moderação de avaliações · configurações de marca e SEO · teste/ao vivo do Stripe, modelos de cobrança e simulador de taxas · Google Maps e Pusher configurados pela interface do usuário · métricas do Pusher · suíte de suporte com SLA e agendamento de agentes · ferramentas de servidor e cache
Agentes de suporte: caixa de entrada pessoal e fila não atribuída · atender e responder a tickets · notas internas · fluxo de trabalho de status · função de supervisor vê tudo · horários de agentes (turnos, finais de semana, noites) · tags de roteamento baseadas em categoria · métricas de SLA e taxa de fechamento
Pilha tecnológica
- Next.js 14 (App Router, Server Components e Server Actions)
- TypeScript de ponta a ponta (~500 arquivos TypeScript/TSX)
- Prisma ORM · PostgreSQL (65+ modelos)
- Tailwind CSS com um sistema de design personalizado · animações Framer Motion
- NextAuth (credenciais, sessões JWT, proteção de rota baseada em função)
- Stripe: Checkout, Assinaturas, Intenções de Pagamento e Connect
- Canais Pusher para mensagens em tempo real
- Google Maps e Places (incorporação, geocodificação, autocompletar) · mapas de escritório Leaflet
- date-fns, validação Zod, ícones Lucide, exportação xlsx
- Mecanismo i18n em tempo de execução personalizado (EN/ES)
O que você recebe
- Código-fonte completo do Next.js 14 + TypeScript
- Esquema Prisma + modelos prontos para migrações
- Scripts de seed com dados de demonstração ricos e realistas e logins de demonstração com um clique para todos os 4 papéis
- Mecanismo i18n em tempo de execução + dicionário EN de 11.000 entradas
- Código base em inglês: comentários, pastas e rotas
- Sistema de design Tailwind e componentes de UI reutilizáveis
.env.example e um guia passo a passo para configuração
Instalação em 4 etapas
Testado do zero a um aplicativo em funcionamento:
npm install- Copie
.env.example para .env e defina sua string de conexão PostgreSQL
npx prisma db push && npx tsx prisma/seed.tsnpm run dev
Requisitos
- Node.js 20+ e PostgreSQL 14+ (funciona muito bem com Neon, Supabase, RDS ou Postgres local)
- Opcional, dependendo do que você habilita: conta Stripe (pagamentos), aplicativo Pusher (chat em tempo real), chave da API do Google Maps (mapas e autocompletar). Tudo configurado pela interface do painel de administração.
Credenciais de demonstração (após o seed)
FunçãoEmailSenha
Adminadmin@mediagenda.demoAdmin123!
Médicomédico1@mediagenda.demoMédico123!
Pacientepaciente1@mediagenda.demoPaciente123!
Bom saber
- A interface é bilíngue em inglês/espanhol; o código-fonte, comentários e rotas estão em inglês.
- Não estão incluídas chaves ou credenciais: Stripe, Pusher e Google Maps são configurados pelo painel de administração com suas próprias contas.
- As capturas de tela, animações e vídeos foram feitos com o aplicativo real e dados de demonstração fictícios.
−19%
