Firebase in produzione
Patterns, ottimizzazioni e lezioni imparate costruendo applicazioni reali su Firebase — dal Realtime Database a Firestore.
Articoli tecnici su sviluppo web, Firebase, PWA e intelligenza artificiale applicata al mondo reale.
Come ho ricreato dentro un pannello interno la stessa esperienza di Tidio — leggere e rispondere a una casella email condivisa senza dare agli operatori la password reale — con Gmail API, OAuth2 lato server, Netlify Functions, RTDB e FCM. Con i bug veri: un import mancante, un commento che si chiude da solo, e un secret sbagliato di un carattere.
Spark vs Blaze spiegato senza il gergo di marketing: cosa include davvero il piano gratuito, come funziona il pay-as-you-go di Blaze, tabella prezzi per Firestore/Hosting/Storage/Auth, e la novità 2026 su Cloud Storage che richiede sempre Blaze.
Come ho costruito, per un sito WordPress esterno, un sistema di presenza live e storico visitatori senza usare Tidio: Firebase Realtime Database con onDisconnect, storico su Firestore con geolocalizzazione IP, e un bug CORS che in realtà era un crash sulla risposta 204.
Come ho integrato myPOS IPC v1.4 in un checkout Netlify/Firebase: chiave RSA 1024-bit rifiutata da OpenSSL 3, mutual TLS incompatibile, l'algoritmo di firma corretto e l'Error Code 25 causato da un dominio .netlify.app non whitelistato.
Come ho rimosso tre superfici di attacco da un gestionale Firebase vanilla JS: XSS via innerHTML risolto con escapeHtml ed escapeJsAttr, password Firebase in chiaro sostituita da signInWithCustomToken via Cloud Function, chiave HMAC ruotata e migrata su Secret Manager.
Come ho automatizzato la generazione etichette MBE da un pannello ordini Netlify/Firebase: limite 4KB sulle env var di AWS Lambda, blocco WAF su tutti gli IP cloud mascherato da documentazione SOAP obsoleta, e la soluzione finale con un proxy Node.js su VPS dedicato.
Come ho costruito un sistema di conferma presa visione documenti con OTP email, hash SHA-256 del PDF via crypto.subtle, audit trail su Firestore e certificato generato con pdf-lib. Con i problemi reali: CORS su Firebase Storage, limite 4KB env var Netlify e popup blocker su window.open().
Come ho integrato un pannello di chat AI in un gestionale vanilla JS: fetch alla Gemini API, system prompt costruito dai dati live Firebase (ordini, operatori, bonus), base di conoscenza aziendale statica e gestione del versioning rapido dei modelli Gemini.
Varianti tariffarie per prodotto, admin panel protetto da PBKDF2 con Web Crypto API senza password nel codice, ordini numerati con transazione atomica anti-race-condition e CSP su Netlify con sottodomini dinamici Firebase.
Come ho sostituito un catalogo hardcoded con Firebase Realtime DB e Cloud Storage — modal di gestione visibile solo ad alcuni utenti, race condition asincrona risolta e Service Worker cache versioning.
Come ho passato l'identità dell'utente da PanelControl a un sito di onboarding su un Firebase separato — senza backend, usando HMAC-SHA256 con la Web Crypto API nativa del browser e un URL firmato con scadenza a 5 minuti.
Come ho integrato una tabella lead PayPOS nel pannello Admin leggendo Firebase RTDB — tre bug in sequenza: nodo sbagliato, chiavi di mapping errate e un ID dinamico con setTimeout che mostrava silenziosamente solo metà dei record.
Come ho costruito uno storico notifiche personale per ogni operatore — sei categorie filtrabili, 90 giorni di storico, Firestore per ferie/permessi e RTDB per chat e calendario. Con il problema del bootstrap al restore sessione.
Come ho costruito un calendario condiviso con notifiche push FCM e suono affidabile — e il bug nascosto nel flusso di auto-login che impediva a metà del team di ricevere qualsiasi avviso.
Come ho costruito una guida interna per navigare gli screenshot di un'app come se fosse il telefono reale — editor visuale di hotspot, macchina a stati, Firebase Storage auth-aware e glow blu pulsante.
Come ho aggiunto il supporto PDF, Word ed Excel in una chat web già funzionante con immagini e vocali — upload raw, bubble personalizzata e preview in lista.
// Snippet & Guide // Snippets & Guides
// Prossimamente
Patterns, ottimizzazioni e lezioni imparate costruendo applicazioni reali su Firebase — dal Realtime Database a Firestore.
Come trasformare un sito web in una Progressive Web App, con Service Worker, manifest e offline-first strategy.
Integrare Gemini AI e altri LLM nelle applicazioni web: chatbot, generazione contenuti e automazioni pratiche.
Serverless senza server: come usare le Netlify Functions per backend leggeri, webhook e integrazioni API sicure.
Costruire piattaforme e-commerce senza framework pesanti: pagamenti, gestione ordini e spedizioni con API esterne.
Schema.org, sitemap, Core Web Vitals e tutto quello che uno sviluppatore deve sapere per posizionarsi su Google.