Stack Architecture Visualizer
Genera diagrammi SVG interattivi per architetture software. Scegli app type, template stack e personalizza ogni layer. Output: diagram + JSON spec + ADR rationale + stima costi Hetzner CCX. 100% client-side.
Configurazione stack
Server-side rendered web app (SEO-first)
Spring Boot + Angular SSR + PostgreSQL + Redis
Layer attivi
Personalizza tecnologie (opzionale)
Risultati architettura
Come funziona
Scegli il tipo di app
Seleziona tra 9 tipologie. Il template viene pre-selezionato in base al contesto.
Personalizza i layer
Attiva/disattiva layer e sostituisci la tecnologia con il tuo override personalizzato.
Analizza output
SVG diagram, JSON spec, ADR rationale e stima costi Hetzner CCX vs cloud managed.
Come utilizzare Stack Architecture Visualizer
1. Scegli il tipo di applicazione
Seleziona tra 9 tipologie (SPA, SSR, SaaS, microservizi, data pipeline, AI RAG, real-time...): il template stack viene pre-selezionato di conseguenza.
2. Seleziona il template stack
Scegli tra gli 8 template pre-costruiti (MERN, T3, Spring+Angular, FastAPI+React, MLOps...) e personalizza i layer attivi (frontend, backend, database, cache, queue, CDN, auth, observability).
3. Genera l'architettura
Premi "Genera Architettura" e, se necessario, sostituisci la tecnologia di un layer con un override personalizzato prima di rigenerare.
4. Analizza diagramma, JSON, ADR e costi
Naviga le tab Diagram, JSON Spec, ADR Rationale e Costo per ottenere il diagramma SVG, lo spec esportabile, la motivazione di ogni scelta e la stima dei costi Hetzner vs cloud managed.
Suggerimenti
- Parti sempre da un template esistente vicino al tuo caso d'uso e poi personalizza i singoli layer, invece di attivarli tutti da zero.
- Usa il tab ADR Rationale per documentare le scelte architetturali nel tuo repository, come base per un vero Architectural Decision Record.
- Confronta sempre il tab Costo prima di scegliere tra self-hosted e cloud managed: la differenza mensile può essere significativa su stack con molti layer.
Domande frequenti
Come viene calcolato il costo self-hosted mensile?
Parte da una base Hetzner CCX13 (circa 13 euro/mese) e aggiunge una stima di costo per ogni layer attivo aggiuntivo self-hosted, visibile nella tabella dettagliata del tab Costo.
Il costo cloud mostrato riflette i prezzi reali di AWS/GCP/Vercel?
È una stima approssimativa di servizi cloud equivalenti gestiti, esclusi costi di traffico ed egress: va usata solo come ordine di grandezza per confrontare self-hosted e cloud managed, non come preventivo.
Cosa contiene l'ADR Rationale generato?
Un elenco di Architectural Decision Record, uno per ogni layer selezionato, che motiva la scelta tecnologica di default o l'eventuale override personalizzato inserito.
Posso sostituire la tecnologia di un layer con quella che uso io?
Sì, dopo aver generato l'architettura puoi inserire un override testuale libero per ogni layer attivo, che si riflette immediatamente su diagramma, JSON spec e stima costi.
Come viene scelta la dimensione Hetzner CCX consigliata?
Il tool consiglia automaticamente CCX13, CCX22, CCX32 o CCX52 in base al costo self-host mensile stimato, con soglie a 20, 40 e 70 euro, visibile nel tab Costo.