AGM Costruzioni

Il problema

AGM Costruzioni è un'impresa edile che si occupa di facciate e rivestimenti, ristrutturazioni, impermeabilizzazioni, impianti sportivi e altro. Aveva bisogno di un sito per presentare servizi, progetti, certificazioni, clienti e partner, raccogliere richieste di contatto ed essere trovata sui motori di ricerca. Il design è stato curato da un collaboratore; io ho lavorato sul backend e sul rilascio in produzione.

Cosa ho realizzato

• Una single page app multilingua (italiano e inglese) con una pagina per ogni servizio, pagine progetto con gallerie di foto e video, e sezioni per certificazioni, clienti e partner.

• Un form di contatto con selezione del servizio, gestito da una Netlify Function che invia email tramite Maileroo. Accetta solo POST, valida l'email, fa l'escape dell'HTML e legge destinatari e mittente dalle variabili d'ambiente, così nel repository non ci sono secret.

• Una pipeline di immagini con Node e sharp che converte e comprime le foto dei progetti in WebP, e uno script che trasforma cartelle di foto in schede progetto con traduzioni in italiano e inglese.

Scelte interessanti

• Prerender custom invece di SSR: invece di migrare a Next.js, uno script in fase di build legge route e metadati e genera una pagina statica per ogni URL, con title, description, canonical e tag Open Graph dedicati, più la sitemap. Il sito resta una SPA, con un fallback su Netlify per le route non prerenderizzate.

• Automazione dei contenuti: aggiungere un progetto significa in pratica caricare le foto e lanciare uno script, riducendo il lavoro manuale.

• Performance: immagini WebP, immagini hero precaricate e video con poster e preload dei soli metadati.

• Internazionalizzazione tramite un context React e dizionari di traduzione.