
Dashboard KPI Aziendale in React e Next.js: Costi 2026, Architettura e Quando Conviene per PMI Italiane
Dashboard KPI Aziendale in React e Next.js: Costi 2026, Architettura e Quando Conviene per PMI Italiane
Una dashboard KPI aziendale custom in React/Next.js per una PMI italiana costa 15.000-80.000 €, in base al numero di fonti dati, ai permessi (RBAC), al refresh rate (batch o real-time), all'hosting e all'audit trail. La build custom ha senso quando hai logica di business propria, integrazioni custom o multi-tenant: sotto questa soglia, Power BI, Tableau o Metabase (1.500-8.000 €/anno) sono quasi sempre la scelta giusta.
Lo stack tipico nel 2026 è Next.js 15 + tRPC + Postgres + Recharts/Visx + Tailwind, con implementazione in 6-14 settimane. L'errore numero uno da evitare è partire dalla UI senza prima definire KPI, owner della metrica e qualità dei dati a monte.
In oltre 40 progetti su misura costruiti per PMI italiane, la richiesta più frequente non è "vogliamo grafici più belli" ma "vogliamo agire dalla dashboard, non solo guardarla". È esattamente il punto in cui Power BI inizia a fare acrobazie e una build custom in Next.js diventa difendibile davanti a un board. Questa guida mette insieme l'angolo tecnico e quello di budget, perché chi firma il preventivo ha bisogno di entrambi.
Dashboard operativa vs dashboard analitica: la distinzione che cambia tutto
Prima di parlare di costi, va chiarita la confusione che genera il 90% delle decisioni sbagliate: dashboard analitica e dashboard operativa non sono la stessa cosa.
Dashboard analitica (BI): leggi e analizzi
Una dashboard analitica serve a esplorare i dati, fare slice and dice, scoprire trend. È il dominio naturale di Power BI, Tableau, Metabase e Looker Studio. Leggi i numeri, filtri, esporti, condividi un report. Non scrivi nulla nei sistemi a monte.
Dashboard operativa: leggi, decidi, agisci dalla stessa schermata
Una dashboard operativa serve a prendere una decisione e a eseguirla senza cambiare strumento. Esempio: vedi che un ordine è in ritardo, e dallo stesso pannello assegni il caso, approvi uno sconto, scateni un workflow in un altro sistema. Qui non leggi soltanto: scrivi.
Questa è la riga di confine. Se ti serve agire, scrivere, integrare la logica di business nella schermata, sei in territorio custom.
Perché Power BI fatica sull'operativa
Power BI è eccellente nella lettura e nella modellazione DAX. Ma scrivere verso i sistemi sorgente, gestire transazioni, applicare regole di business complesse e mostrare feedback immediato all'utente sono cose che lo costringono a write-back limitati, Power Automate appiccicato sopra e workaround fragili. Funziona finché il caso resta semplice.
Perché Next.js fatica sull'analitica pura (e quando va bene comunque)
All'opposto, se il tuo bisogno è esplorare miliardi di righe con pivot ad-hoc fatte da analisti, costruire questo da zero in Next.js è uno spreco: stai reinventando un BI tool. In quel caso compra il BI. Next.js vince quando l'analitica è mirata, gli utenti sono operativi (non analisti), e serve azione più logica custom.
Build vs Buy: quando conviene davvero una dashboard custom
La domanda giusta non è "custom è meglio?" ma "il mio caso giustifica il custom?". Ci sono tre criteri concreti.
Azione dalla dashboard. Vuoi non solo vedere ma anche fare: assegnare, approvare, scatenare workflow. Power BI fatica.
Logica di business propria non esprimibile come formula DAX, del tipo "se la metrica X scende sotto Y per N giorni e il segmento è Z, avvisa il responsabile e crea un task in Jira".
Multi-tenant o embedded. La dashboard è parte del tuo prodotto venduto ai clienti, dove Power BI ha limiti tecnici e di pricing.
Se nessuno dei tre si applica, resta sul BI tool: paghi 1.500-8.000 €/anno invece di 15.000-80.000 € di build. Lo dico contro il mio interesse commerciale, ma è la verità: Power BI e Tableau coprono il 70-80% dei casi di dashboard analitica.
Matrice decisionale Build vs Buy
| Criterio | Buy (Power BI / Tableau / Metabase) | Build (React / Next.js) |
|---|---|---|
| Solo lettura e analisi | Sì | No, spreco |
| Azione/scrittura dalla dashboard | Workaround fragili | Sì |
| Logica business non-DAX | No | Sì |
| Multi-tenant / white-label / embedded | Limiti tecnici e pricing | Sì |
| Compliance specifica + audit trail granulare | Parziale | Sì |
| Team data interno < 50.000 €/anno | Quasi sempre buy | Solo se i 3 criteri sopra valgono |
| Costo primo anno | 1.500-8.000 € | 15.000-80.000 € |
Stack tipico Next.js per dashboard KPI 2026
Lo stack che uso per le dashboard custom nel 2026 è scelto per stabilità e basso rischio, non per essere alla moda.
Frontend: Next.js 15 con App Router e Server Components per performance, Tailwind + shadcn/ui per una UI professionale in fretta, Recharts per la maggioranza dei grafici, Visx quando servono visualizzazioni custom complesse.
Backend: tRPC + Prisma + Postgres (su Supabase, Neon o self-hosted). Type safety end-to-end significa meno bug tra client e server e refactor più sicuri.
Caching e refresh: ISR per i dati che cambiano lentamente, streaming per il caricamento progressivo, SSE o WebSocket solo quando il real-time è davvero necessario.
Auth e RBAC: NextAuth/Auth.js o Clerk con un layer RBAC custom. I controlli viaggiano sempre lato server.
Hosting: Vercel per il frontend + Supabase/Neon per il DB coprono il 90% dei casi. AWS o Hetzner quando ci sono requisiti specifici di residenza dei dati o costi a scala.
Tre scelte che evito di proposito, perché aumentano il rischio senza beneficio per una dashboard aziendale: niente GraphQL quando tRPC o REST bastano (aggiunge complessità senza pagare); niente microservizi prematuri (un monolite Next.js ben fatto regge benissimo una dashboard PMI); niente framework appena usciti scelti "perché sono cool" (il tuo board non vuole essere il beta tester di nessuno).
Architettura dei dati: il vero collo di bottiglia
Il front-end è la parte facile. Il punto dove i progetti dashboard muoiono è il data layer.
ETL/ELT. Per portare i dati da ERP, CRM, GA4 e Stripe dentro la dashboard hai tre strade: Airbyte (open source, ottimo rapporto sforzo/risultato), Fivetran (managed, comodo ma costoso a volume), o script schedulati custom in Node/Python (massimo controllo, ma vanno mantenuti). L'errore classico è lo script improvvisato non documentato che esplode a sei mesi quando chi l'ha scritto non c'è più.
Data warehouse vs query dirette. Per molte PMI Postgres con materialized view ben indicizzate basta e avanza. Quando i volumi crescono o l'analitica diventa pesante, valuta ClickHouse o BigQuery in lettura. Non partire da un data warehouse "perché un giorno servirà": è over-engineering.
Quando serve un data engineer dedicato. Se hai più di 5 fonti, trasformazioni complesse e requisiti di freschezza stringenti, un data engineer ripaga sé stesso. Sotto questa soglia, un full-stack senior con buona disciplina sui dati è sufficiente.
Se la tua dashboard si appoggia su un CRM, vale la pena leggere prima la nostra guida su migrazione Excel a CRM professionale: la qualità del dato a monte decide la qualità della dashboard a valle.
RBAC: permessi granulari fatti bene
RBAC granulare significa che i permessi non sono solo "admin/utente", ma definibili per metrica, area, dato e azione.
Esempio reale e ricorrente: il direttore commerciale vede i ricavi di tutte le aree; il responsabile area Nord vede solo i ricavi Nord; l'HR non vede i ricavi ma vede gli headcount; il CFO vede ricavi e margini ma non i dati personali dei dipendenti. Senza questa granularità la dashboard diventa "tutti vedono tutto", finisce in mano a chi ne fa screenshot ai colleghi, e viene boicottata.
Tre regole non negoziabili: i controlli vanno lato server (mai solo client-side, che si aggira con due click in DevTools); serve un audit trail di chi ha visto cosa e quando; per le aziende sopra i 100 dipendenti serve SSO (SAML o OIDC) per integrarsi con l'identity provider esistente.
Real-time: quando serve davvero (e quanto costa)
L'80% delle "richieste real-time" non ha bisogno di real-time vero.
Il real-time vero, sotto un secondo via WebSocket o SSE, ha senso per trading, monitoring infrastrutturale, sistemi safety-critical e dashboard da call center. Per la stragrande maggioranza delle dashboard KPI aziendali, un refresh ogni 5-15 minuti è percepito come "real-time" dall'utente e costa fino a dieci volte meno in infrastruttura.
La domanda di sanity check che faccio sempre al committente: "se questa metrica si aggiorna ogni 10 minuti invece di ogni secondo, perdi una decisione concreta?". Se la risposta non è un esempio reale, il real-time non serve e stai bruciando budget.
Costi reali: breakdown per fascia
Ecco i range che applico, basati su progetti effettivi per PMI italiane nel 2026. Nessun "a partire da" vago.
| Fascia | Cosa include | Costo build | Timeline |
|---|---|---|---|
| Base | 1-2 fonti, 8-15 KPI, RBAC a 2 ruoli, refresh 1h, hosting Vercel base | 15.000-25.000 € | 6-10 settimane |
| Intermedia | 3-5 fonti (ERP+CRM+GA4+Stripe), ETL leggero, 20-40 KPI compositi, RBAC granulare, refresh 5-15 min, audit log | 25.000-50.000 € | 10-16 settimane |
| Avanzata | Multi-tenant, real-time SSE/WebSocket, audit trail completo, SSO, data warehouse dedicato, white-label | 50.000-80.000 € | 14-26 settimane |
| Enterprise/embedded | Dashboard come prodotto venduto ai clienti, isolation strict, certificazioni (ISO 27001, SOC 2), data engineer dedicato | 80.000-200.000+ € | 6+ mesi |
A questo va aggiunta la manutenzione annuale, tipicamente il 20-25% del costo di build: integrazioni che cambiano, nuove metriche, aggiornamenti di sicurezza.
Un confronto onesto sul TCO: Power BI Pro a 130 €/utente/anno per 30 utenti fa 3.900 €/anno, basso ma con zero azione, zero logica custom, zero multi-tenant. Una build custom a 30.000 € una tantum più 6-8.000 €/anno di manutenzione fa circa 60.000 € su cinque anni. Se hai 100+ utenti e logica di business propria, il build vince sul TCO. Se non li hai, no.
Diffida delle offerte sotto i 10.000 € per "dashboard custom": sono quasi sempre template Bootstrap riciclati senza un data layer vero. Funzionano i primi tre mesi e poi crollano.
Vuoi un numero, non un range generico? Richiedi un preventivo senza impegno: definiamo insieme fonti dati, KPI, RBAC e ti diamo un range realistico con breakdown per fase.
Caso reale in Italia: una PMI manifatturiera del Nord-Est
Una PMI manifatturiera del Nord-Est, circa 120 dipendenti, gestiva il controllo di produzione con quattro fogli Excel paralleli più due report Power BI. Ogni lunedì il team data esportava CSV per aggiornare i grafici a mano. Le metriche non quadravano mai tra i diversi file e nessuno si fidava più dei numeri.
Abbiamo costruito una dashboard operativa in Next.js 15 che integra l'ERP di produzione e il gestionale ordini, con RBAC per stabilimento e per ruolo. Scope: tre fonti dati, ETL leggero con script schedulati, 28 KPI compositi, refresh ogni 10 minuti, audit log. Fascia intermedia, timeline circa 14 settimane.
I risultati a 12 mesi (metriche realistiche, anonimizzate): le ore/uomo spese ogni settimana per consolidare i report sono passate da circa 6 a quasi zero; le riunioni operative del lunedì si fanno ora sui dati live invece che su screenshot; e i responsabili di stabilimento agiscono direttamente dalla dashboard invece di mandare email. Il ritorno è arrivato soprattutto dal tempo liberato e dalla fiducia ricostruita sul dato, non da un singolo numero magico.
Come SystemForge risolve questo problema
Il motivo per cui i progetti dashboard falliscono raramente è tecnico. Secondo Gartner, il 73% dei progetti BI/dashboard non raggiunge l'obiettivo di adozione a 12 mesi, e le cause principali sono KPI mal definiti a monte, qualità dei dati scadente e assenza di un owner della metrica. Il nostro metodo nasce esattamente per attaccare queste tre cause prima ancora di scrivere codice.
Fase 1 — Diagnosi KPI (1-2 settimane). Prima di toccare la UI definiamo quali KPI servono davvero, chi è l'owner di ciascuna metrica, quali decisioni la dashboard deve abilitare e qual è lo stato reale della qualità dei dati. Qui si decide anche, in modo onesto, se ti serve davvero il custom o se basta configurare meglio il BI che già hai.
Fase 2 — Architettura dati e RBAC. Disegniamo il data layer (fonti, ETL, modello), la mappa dei permessi granulari e l'audit trail. È la fase che decide se la dashboard reggerà a sei mesi o esploderà.
Fase 3 — Build incrementale. Costruiamo a moduli, partendo dai KPI a più alto valore, con stack Next.js 15 + tRPC + Postgres. Ogni due settimane vedi qualcosa di funzionante, non un big bang finale.
Fase 4 — Adozione e manutenzione. Onboarding degli utenti, audit di adozione, e un contratto di manutenzione (20-25% del build) che tiene vive le integrazioni.
Range indicativo: 15.000-25.000 € per una dashboard base, 25.000-50.000 € per una intermedia con ETL e RBAC granulare, 50.000-80.000 € per multi-tenant, real-time e SSO. Timeline 6-26 settimane secondo la fascia. Tutto messo nero su bianco con breakdown per fase, senza sorprese a metà progetto.
Non sei sicuro se ti serve una dashboard custom o basta Power BI? Richiedi una diagnosi gratuita di 30 minuti: analizziamo i tuoi KPI attuali e ti diciamo cosa ha davvero senso costruire. Oppure scopri il nostro servizio di sistemi personalizzati.
Gli errori più comuni nei progetti dashboard KPI
Partire dalla UI senza definire i KPI. Scegliere i grafici prima di sapere quali metriche contano, chi le possiede e quali decisioni abilitano. È la causa numero uno di fallimento.
ETL improvvisato. Script non documentati e non mantenuti che funzionano finché chi li ha scritti è in azienda, e poi esplodono al primo cambio di schema a monte.
Real-time inutile. Pagare dieci volte l'infrastruttura per un sub-secondo che nessun utente percepisce e nessuna decisione richiede.
Niente RBAC granulare. "Tutti vedono tutto" porta al boicottaggio interno e a problemi GDPR quando i dati personali sono esposti a chi non dovrebbe vederli.
Confondere analitica e operativa. Provare a costruire da zero un BI tool generalista in Next.js, o pretendere azioni operative complesse da Power BI. Strumento sbagliato per il problema.
Quando assumere un partner vs fare in-house
Criteri misurabili, non sensazioni.
Fai in-house se: hai già un team con almeno un full-stack senior e un riferimento sui dati, hai bandwidth reale (non "lo facciamo nei ritagli"), e la dashboard è core per il tuo business al punto da volerne il controllo totale e continuo. In questo caso internalizzare conoscenza ripaga.
Assumi un partner se: non hai competenze Next.js/data in casa, ti serve consegnare in 2-4 mesi e non in un anno, è il primo progetto del genere (il rischio di sbagliare l'architettura è alto), oppure vuoi un trasferimento di conoscenza strutturato per poi mantenerla internamente. Un partner che ha già costruito dieci dashboard evita gli errori che pagheresti imparando sul tuo budget.
La via intermedia spesso vincente: il partner costruisce le fondamenta (architettura dati, RBAC, primi moduli) e forma il tuo team a mantenerle ed estenderle.
Conclusione
Una dashboard KPI custom in React/Next.js non è "una pagina con grafici": è integrazioni, qualità dei dati, RBAC, audit e manutenzione, e per questo costa 15.000-80.000 €. La domanda da portare al board non è "custom o no", ma "il mio caso ha azione, logica propria o multi-tenant?" — se sì il custom si ripaga, altrimenti Power BI o Metabase bastano.
Parti dai KPI, non dai grafici. Chiedi un preventivo senza impegno e definiamo insieme cosa ha davvero senso costruire.
Domande frequenti
Quando conviene una dashboard custom invece di Power BI o Tableau? Quando vale almeno uno di tre criteri: azione dalla dashboard (non solo vedere ma fare), logica di business non esprimibile in DAX, oppure multi-tenant/embedded. Se nessuno si applica, resta sul BI tool: paghi 1.500-8.000 €/anno invece di 15.000-80.000 € di build.
Quanto costa davvero una dashboard custom React/Next.js? Range realistico 15.000-80.000 € per la build: base 15-25K, intermedia 25-50K, avanzata 50-80K. Manutenzione annuale tipica 20-25% del costo build. Offerte sotto i 10.000 € sono quasi sempre template riciclati senza data layer vero.
Quale stack tecnologico va bene nel 2026 per una dashboard aziendale? Stack consolidato e a basso rischio: Next.js 15 con Server Components, Tailwind + shadcn/ui, Recharts o Visx per i grafici, tRPC + Prisma + Postgres per un backend type-safe, NextAuth con RBAC custom. Vercel + Supabase/Neon coprono il 90% dei casi.
Real-time davvero o è overkill? Nell'80% dei casi è overkill. Il real-time vero (sotto un secondo) serve per trading, monitoring e safety-critical. Per le dashboard KPI aziendali, un refresh ogni 5-15 minuti è percepito come real-time e costa fino a dieci volte meno.
Cosa significa RBAC granulare e perché conta? Significa permessi definibili per metrica, area, dato e azione, non solo "admin/utente". Esempio: il responsabile Nord vede solo i ricavi Nord, l'HR vede gli headcount ma non i ricavi. Va implementato lato server, con audit trail, e SSO per le aziende sopra i 100 dipendenti.
In quanto tempo si costruisce una dashboard custom? Tra 6 e 14 settimane per una dashboard base o intermedia, 14-26 settimane per una avanzata con multi-tenant e real-time, oltre 6 mesi per soluzioni enterprise o embedded vendute ai clienti finali. La fase di diagnosi KPI iniziale richiede 1-2 settimane ed è la più importante.
Trasforma la tua idea in software
SystemForge costruisce prodotti digitali da zero fino al lancio.
Hai bisogno di aiuto?