Pietro Fiorillo × Los Luises Sublimación

Los Luises è un laboratorio di sublimazione e stampa con oltre 26 anni di attività. Vende prodotti personalizzabili, dove il prezzo dipende dall'area di stampa, dalla quantità e dalla taglia, e prodotti a stock. Aveva bisogno di una vetrina online che trasmettesse fiducia e si posizionasse su Google, di poter cambiare prezzi, offerte e disponibilità senza dipendere da uno sviluppatore, di un flusso d'acquisto adatto al suo modo di vendere (coordinando l'ordine su WhatsApp), di sconti automatici per ordini grandi e di costi di manutenzione ridotti, senza server proprio.

1. 01Sito statico ad alte prestazioni: Next.js esportato in HTML, con le schede prodotto generate in build per velocità, SEO e costo quasi nullo.
2. 02Elenchi, ricerca e filtri (categoria, materiale, prezzo e ordinamento) che leggono Firestore nel browser e riflettono subito le modifiche di prezzo o disponibilità.
3. 03Scheda prodotto con galleria, selettore di colore e taglia, selettore delle aree di stampa con supplemento per zona e matrice taglia per colore per gli ordini di gruppo.
4. 04Sconti per quantità automatici con avviso di quante unità mancano al gradino successivo, e checkout che compone l'ordine completo e lo invia su WhatsApp.
5. 05Pannello /admin privato per creare, modificare ed eliminare prodotti, caricare foto, controllare prezzo, offerte, disponibilità e in evidenza, e inserire dettagli tecnici e domande frequenti propri.
6. 06Rebuild automatico: una Cloud Function ascolta ogni scrittura su Firestore e avvia Cloud Build, che rigenera HTML, sitemap e dati strutturati e ripubblica su Firebase Hosting.
7. 07SEO tecnica fin dal primo giorno: metadati per pagina, JSON-LD LocalBusiness e Product con prezzo in ARS e disponibilità reale, sitemap dinamica e robots.txt che esclude carrello, checkout e admin.

1. ◆Pannello /admin: il cliente modifica un prodotto
2. ↳Firestore + Cloud Function
3. ↳Cloud Build: next build e deploy
4. ↳Firebase Hosting (CDN)

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS 4
• Zustand
• Firestore
• Firebase Auth
• Firebase Storage
• Firebase Hosting
• Cloud Functions
• Cloud Build
• Secret Manager

• Sito statico con dati live: evita sia un server da mantenere sia informazioni obsolete.
• Firebase Admin SDK durante il build e SDK client nel browser: ogni lettura usa lo strumento adatto.
• Sicurezza a livelli: lettura pubblica solo di products, scrittura solo per utenti autenticati, pannello in noindex e credenziali in Secret Manager, mai nel repository.
• Regole di business (sconti, prezzi effettivi e supplementi per area) isolate in funzioni pure e facili da testare.