Configuratore siti.
Ho progettato e sviluppato un configuratore con cui un'attività locale vede in pochi minuti una proposta di sito con il proprio nome, la città e i propri colori, la personalizza, la salva nella sua area cliente e mi chiede di realizzarla.
- Periodo
- 2026 - In corso
- Ruolo
- Ideazione e sviluppo full stack
- Ambito
- Prodotto per attività locali
- Cliente
- Progetto personale
01 / Il progetto
Da dove siamo partiti.
- 01
Contesto
Per un negozio o un artigiano è difficile decidere su un sito che non ha ancora visto. Preparare a mano una bozza per ogni contatto richiede tempo prima ancora di sapere se c'è interesse.
- 02
Obiettivo
Far vedere subito il risultato: tre dati iniziali generano una demo navigabile di cinque pagine, che il titolare può personalizzare e salvare. Dalla demo parte una richiesta di contatto collegata, con l'offerta indicativa già chiara.
- 03
Sfida
Aprire lo strumento a chiunque senza registrazione iniziale, proteggendo però dati, foto e invii email da abusi. Ogni demo appartiene a un solo account, verificato via email, e nessun cliente deve poter vedere o modificare quella di un altro.
02 / Il mio contributo
Cosa ho realizzato.
- 01
Ho sviluppato in Next.js il percorso pubblico: proposta immediata da nome, attività e città, poi otto passi di personalizzazione con anteprima dal vivo, bozza nel browser e una modalità guidata passo passo.
- 02
Ho costruito il template della demo a cinque pagine, con dati validati tramite Zod e salvati in PostgreSQL, e il caricamento delle foto ricodificate in WebP con sharp.
- 03
Ho realizzato l'area cliente con accesso senza password tramite codice email, sessioni revocabili e una sola demo per account, garantita anche da un vincolo nel database.
- 04
Ho collegato la richiesta di realizzazione alla demo: modulo nell'area cliente, email di conferma, notifica Telegram senza dati personali e pannello amministrativo con passkey per seguire le richieste.
- 05
Ho curato le protezioni: Cloudflare Turnstile, limiti centralizzati sugli invii email, quote sugli upload, pulizia periodica di demo e immagini orfane e controllo della configurazione all'avvio.
- 06
Ho messo il progetto online su una VPS dedicata con Docker Compose e Caddy, ruolo del database con permessi ridotti, migrazioni separate e backup cifrati, coprendo i percorsi principali con oltre 100 test Playwright.
03 / Stack utilizzato
- Next.js
- React
- PostgreSQL
- Docker
- Caddy
Approfondisci:PostgreSQL React Docker
04 / Risultati
Cosa è cambiato.
- Un titolare vede una proposta del proprio sito prima di qualsiasi preventivo, senza dover creare un account.
- Ogni richiesta di realizzazione arriva già collegata alla demo, con i recapiti verificati e l'offerta mostrata al cliente.
- Il configuratore è online su demo.alessandronegru.it ed è il punto di partenza della mia offerta di siti per attività locali.