Perché MediAgenda?
MediAgenda non è un kit UI e non è un template: è un software SaaS per la prenotazione medica funzionante. Ogni schermata qui sotto è supportata da uno schema PostgreSQL reale (oltre 65 modelli Prisma), azioni server, autenticazione basata sui ruoli e dati di esempio ricchi, così puoi lanciare un marketplace per la prenotazione di medici, un sistema clinico o un prodotto di telemedicina di nicchia in giorni anziché mesi.
Copre l'intero ciclo: il paziente trova un medico, prenota, paga, riceve assistenza e lascia una recensione, mentre l'amministratore gestisce tutto da un pannello white-label senza toccare codice. Le animazioni e il video mostrano l'app reale in esecuzione con dati di esempio: niente mockup.
- 4 portali completi: Paziente, Medico, Amministratore e Agente di Supporto
- Marketplace pubblico con ricerca, profili ricchi e prenotazione istantanea (gli ospiti possono prenotare senza un account)
- Intero ciclo di vita degli appuntamenti: in attesa, confermato, completato, annullato, assente
- Due motori di ricavo con Stripe: abbonamenti per medici e tariffe per consulenza (Stripe Connect)
- Messaggistica in tempo reale tra medico e paziente con Pusher, con un pannello di metriche nell'amministratore
- Cartelle cliniche elettroniche con una procedura guidata passo-passo
- Recensioni con valutazioni, tag, risposte dei medici e moderazione
- Suite di ticketing per il supporto integrata con metriche SLA e programmazione degli agenti
- Interruttore di lingua EN/ES in tempo reale: oltre 11.000 stringhe tradotte
- Google Maps per le posizioni delle cliniche, esportazione Excel di cataloghi, utenti e appuntamenti
- Dati di esempio realistici: 26 medici, 35 pazienti, oltre 750 appuntamenti
01. Vedi come funziona: un paziente prenota in tempo reale
Il widget di prenotazione guida il paziente attraverso il tipo di visita, indirizzo dell'ufficio, servizio, assicuratore e una griglia di disponibilità live calcolata in base al programma settimanale del medico, pause, vacanze e appuntamenti esistenti. Gli ospiti possono prenotare con solo nome e email; le prenotazioni di slot prevengono le doppie prenotazioni, e quando lo abiliti, i pazienti pagano la consulenza online al momento della prenotazione.
Pochi secondi dopo, l'appuntamento è in attesa nel pannello del medico, con i dettagli di contatto del paziente, modalità, stato e un link diretto alla loro cartella clinica.
02. Una landing page che vende per te
Un sito di marketing moderno, focalizzato sulla conversione, con metriche animate, un mockup del prodotto live, narrazione dei punti dolenti, vetrine delle funzionalità, confronto con i concorrenti, testimonianze e prezzi: tutto ciò di cui un SaaS medico ha bisogno per convertire i medici visitatori in abbonati. Logo, testi, colori e metadati SEO sono modificabili dal pannello di amministrazione.
03. Marketplace di medici con ricerca intelligente
I pazienti trovano lo specialista giusto con filtri combinati: ricerca a testo libero, oltre 100 specialità mediche, città e modalità di consulenza (di persona o virtuale). Ogni scheda di risultato mostra la foto del medico, la valutazione delle recensioni in tempo reale, l'ospedale, i chip di modalità e la tariffa di consulenza.
04. Profili pubblici dei medici che costruiscono fiducia
Ogni medico ottiene una pagina pubblica ricca e ottimizzata per SEO: galleria fotografica e video di YouTube, badge verificato, valutazione a stelle, biografia, cronologia di istruzione e esperienza, servizi con prezzi, più sedi con una mappa Google incorporata, assicuratori accettati, certificati PDF scaricabili, recensioni dei pazienti con risposte dei medici e un widget di prenotazione persistente. Gli eventi di interesse per i pazienti (visualizzazioni del profilo, prenotazioni iniziate, clic di contatto) alimentano le analisi del medico.
05. Autenticazione e onboarding per ogni ruolo
Autenticazione delle credenziali con NextAuth, recupero password e flussi di registrazione raffinati. Il template viene fornito con accessi demo con un clic per tutti e quattro i ruoli, così gli acquirenti possono esplorare immediatamente. I pazienti si registrano tramite una procedura guidata in 2 fasi; i medici tramite una procedura guidata in 5 fasi con un'anteprima del profilo live che raccoglie profilo, specialità, indirizzo della clinica (completamento automatico di Google Places) e disponibilità settimanale, quindi, a seconda della modalità di fatturazione che configuri, addebita una tariffa una tantum o avvia un abbonamento Stripe prima di attivare l'account.
06. Portale per medici: un vero cockpit per la pratica
I medici gestiscono l'intera pratica da un unico pannello: un cruscotto KPI con analisi del coinvolgimento dei pazienti, un calendario completo con regole di disponibilità settimanale per ufficio, blocco del tempo e vacanze, gestione degli appuntamenti, un CRM per pazienti con accesso immediato alla storia medica di ciascun paziente, gestione dei servizi e dei prezzi per ufficio, assicuratori e condizioni trattate, gestione delle recensioni con risposte, messaggistica in tempo reale, onboarding per pagamenti Stripe e modifica del profilo con galleria fotografica, video e certificati.
La disponibilità è configurata per ogni ufficio: giorni e orari, servizi offerti, tipi di pazienti e un colore per il calendario. Le pause, i blocchi di programma e le vacanze sono rispettati automaticamente dalla griglia di prenotazione pubblica.
La messaggistica è istantanea grazie a Pusher Channels: il medico vede i messaggi dei pazienti nel momento in cui arrivano, con contatori di messaggi non letti e cronologia delle conversazioni.
07. Portale pazienti: tutto in un unico posto
I pazienti gestiscono tutta la loro vita sanitaria: un cruscotto personale con statistiche sulla salute, gestione degli appuntamenti con flussi di riprogrammazione e cancellazione ed esportazione del calendario, i loro medici, prescrizioni, cronologia dei pagamenti, chat in tempo reale con i medici e una completa storia medica elettronica costruita con una procedura guidata passo dopo passo. Le recensioni portano un badge di appuntamento verificato.
08. Pannello di amministrazione: gestisci l'intera piattaforma
Un back office completo per gestire il marketplace: cruscotto globale, gestione utenti con filtri per ruolo e pagine di dettaglio, supervisione degli appuntamenti, sei gestori di catalogo (specialità, servizi, malattie, assicuratori, tipi di pazienti, prefissi professionali) con esportazione Excel, moderazione delle recensioni con un flusso di lavoro per le recensioni segnalate, un completo suite di supporto e impostazioni di monetizzazione approfondite.
Le impostazioni coprono anche il branding (logo, favicon, immagine OG, metadati SEO), Google Maps e credenziali Pusher, chiavi di test/vita di Stripe con controlli di connessione, commissioni di pagamento paziente-a-medico tramite Stripe Connect con un simulatore di commissioni interattivo, metriche Pusher (latenze P95, tasso di successo delle consegne, autorizzazioni dei canali, eventi per ruolo e registro degli errori) e una pagina di manutenzione del server e della cache con controlli di salute del database. Nessuna variabile ambientale necessaria per le integrazioni: le chiavi API vivono nel database e sono abilitate o disabilitate dall'interfaccia utente.
09. Portale agenti di supporto: helpdesk integrato
Un portale dedicato per il tuo personale di supporto: una casella di posta per ticket con coda personale e pool non assegnati, "prendi ticket" con un clic, assegnazione automatica, priorità, allegati, risposte a thread con note interne invisibili agli utenti, flusso di lavoro dello stato (aperto, in corso, in attesa dell'utente, risolto, chiuso), orari degli agenti e metriche SLA e tasso di chiusura per agente, con supervisione di ogni ticket.
10. Due motori di entrate, alimentati da Stripe
MediAgenda è progettato per guadagnare fin dal primo giorno, con due flussi di entrate indipendenti alimentati da Stripe che puoi configurare interamente dal pannello di amministrazione.
Motore 1: entrate SaaS, addebita ai medici per la piattaforma
Scegli come i professionisti pagano per unirsi: Gratuito (crescere prima il lato dell'offerta), Pagamento una tantum (accesso a vita raccolto durante la registrazione) o Abbonamento ricorrente (settimanale, mensile o annuale tramite Stripe Billing). Imposta il prezzo regolare, esegui prezzi promozionali, offri giorni di prova, scegli la valuta e i metodi di pagamento, e scegli tra il checkout ospitato di Stripe o un modulo di carta incorporato all'interno della procedura guidata di registrazione. I medici non vengono attivati fino a quando Stripe non conferma il pagamento.
Motore 2: entrate da transazione, guadagna su ogni consulto pagato
Attiva i pagamenti paziente-a-medico tramite Stripe Connect e mantieni una commissione sulla piattaforma configurabile su ogni consulto: una percentuale, una commissione fissa aggiuntiva, o entrambi (imposta 0% per passare il 100% al medico). Decidi chi agisce come commerciante di registrazione: la piattaforma fattura l'addebito e trasferisce il netto al medico (addebiti di destinazione), oppure il medico fattura direttamente e Stripe instrada automaticamente la tua commissione (addebiti diretti). I medici completano il proprio onboarding Stripe (KYC) dal loro pannello, e il cruscotto di amministrazione tiene traccia degli account connessi, degli addebiti e delle commissioni accumulate.
- Onboarding gratuito / una tantum / in abbonamento per medici
- Giorni di prova, prezzi promozionali e multi-valuta
- Stripe Checkout ospitato o incorporato nella procedura di registrazione
- Payout di Stripe Connect con commissioni per consultazione sulla piattaforma
- Addebiti a destinazione o diretti (scelta del commerciante di registrazione)
- Interruttore modalità test/live con controlli di salute della connessione
- Storico abbonamenti e pagamenti nel pannello di amministrazione
- Simulatore di commissioni interattivo con costi reali di Stripe
11. Bilingue per design: inglese e spagnolo
Un interruttore di lingua EN/ES con un clic è presente in ogni intestazione e barra laterale. Il motore di traduzione in tempo reale è dotato di un dizionario con oltre 11.000 voci che copre l'intero prodotto, inclusi i cataloghi medici (specialità, malattie, servizi), date, contatori dinamici e persino contenuti demo preimpostati, con abbinamento intelligente dei modelli per numeri interpolati e frasi composte. Google Maps si carica anche nella lingua selezionata e il dizionario è estensibile per ulteriori lingue.
Suddivisione delle funzionalità per ruolo
Medici: profilo pubblico con galleria, video e certificati · dashboard KPI con analisi di coinvolgimento · calendario, disponibilità settimanale, pause e vacanze per ufficio · gestione del ciclo di vita degli appuntamenti · CRM pazienti con storie cliniche · servizi con prezzi fissi o a intervallo per ufficio · assicuratori e condizioni trattate · risposte alle recensioni · chat in tempo reale · onboarding per payout di Stripe · ticket di supporto
Pazienti: ricerca e prenotazione in pochi minuti (anche come ospite) · dashboard con riepilogo della salute · riprogrammazione e cancellazione con politiche · esportazione del calendario · procedura guidata per la storia medica elettronica · storico pagamenti · chat con i medici · recensioni con badge di appuntamento verificato · interfaccia utente bilingue
Amministratori: dashboard globale · gestione utenti e ruoli · supervisione appuntamenti · 6 gestori di catalogo con esportazione Excel · moderazione delle recensioni · impostazioni di branding e SEO · test/live di Stripe, modelli di fatturazione e simulatore di commissioni · Google Maps e Pusher configurati dall'interfaccia utente · metriche Pusher · suite di supporto con SLA e programmazione agenti · strumenti per server e cache
Agenti di supporto: casella di posta personale e coda non assegnata · gestione e risposta ai ticket · note interne · flusso di lavoro stato · ruolo del supervisore vede tutto · programmazione agenti (turni, weekend, notti) · tag di routing basati su categorie · metriche SLA e tasso di chiusura
Stack tecnologico
- Next.js 14 (App Router, Server Components e Server Actions)
- TypeScript end to end (~500 file TypeScript/TSX)
- Prisma ORM · PostgreSQL (65+ modelli)
- Tailwind CSS con un sistema di design personalizzato · animazioni Framer Motion
- NextAuth (credenziali, sessioni JWT, protezione delle route basata su ruoli)
- Stripe: Checkout, Abbonamenti, Payment Intents e Connect
- Pusher Channels per messaggistica in tempo reale
- Google Maps e Places (incorporamento, geocoding, completamento automatico) · mappe degli uffici Leaflet
- date-fns, Zod validation, icone Lucide, esportazione xlsx
- Motore i18n runtime personalizzato (EN/ES)
Cosa ottieni
- Codice sorgente completo di Next.js 14 + TypeScript
- Schema Prisma + modelli pronti per le migrazioni
- Script di semina con dati demo ricchi e realistici e accessi demo con un clic per tutti e 4 i ruoli
- Motore i18n runtime + dizionario EN con 11.000 voci
- Codebase in inglese: commenti, cartelle e route
- Sistema di design Tailwind e componenti UI riutilizzabili
.env.example e una configurazione passo-passo
Installa in 4 passaggi
Testato da zero a un'app in esecuzione:
npm install- Copia
.env.example in .env e imposta la tua stringa di connessione PostgreSQL
npx prisma db push && npx tsx prisma/seed.tsnpm run dev
Requisiti
- Node.js 20+ e PostgreSQL 14+ (funziona ottimamente con Neon, Supabase, RDS o Postgres locale)
- Opzionale, a seconda di cosa abiliti: account Stripe (pagamenti), app Pusher (chat in tempo reale), chiave API Google Maps (mappe e completamento automatico). Tutto configurato dall'interfaccia utente del pannello di amministrazione.
Credenziali demo (dopo la semina)
RuoloEmailPassword
Adminadmin@mediagenda.demoAdmin123!
Doctordoctor1@mediagenda.demoDoctor123!
Patientpaciente1@mediagenda.demoPaciente123!
Buono a sapersi
- L'interfaccia è bilingue inglese/spagnolo; la codebase, i commenti e le route sono in inglese.
- Nessuna chiave o credenziale è inclusa: Stripe, Pusher e Google Maps sono impostati dal pannello di amministrazione con i tuoi account.
- Le schermate, le animazioni e il video sono stati realizzati con l'app reale e dati demo inventati.
−19%
