Costruzione del Nostro Sito Web di Ingegneria con Astro 5
Uno sguardo dietro le quinte su come abbiamo costruito il sito web di marketing di Godfrey Engineering utilizzando Astro 5, content collections e Cloudflare Pages.
Perché Astro?
Quando è arrivato il momento di costruire il sito web di marketing di Godfrey Engineering, abbiamo valutato diversi framework. Astro si è distinto per il suo approccio content-first, la filosofia zero JavaScript by default e il supporto di prima classe per content collections con schemi type-safe.
Content Collections
Le content collections di Astro 5 ci hanno permesso di definire schemi rigorosi per i nostri articoli di blog e case studies utilizzando Zod. Ogni campo è validato al momento della compilazione; se un campo nel frontmatter manca o è malformato, la compilazione fallisce con un messaggio di errore chiaro. Niente più bug silenziosi causati da errori di battitura nel YAML.
const blogSchema = z.object({
title: z.string().min(1).max(100),
description: z.string().min(10).max(300),
publishDate: z.coerce.date(),
// ... more fields
});Supporto Multilingua
Con 7 locale da supportare, organizziamo il contenuto per directory di locale. Ogni articolo ha una translationKey che lo collega ai suoi equivalenti in altre lingue. Lo strumento di cambio della lingua nell’header trova automaticamente l’articolo corrispondente.
Prossimi Passi
Nei prossimi articoli, approfondiremo il nostro sistema di animazioni GSAP, l’integrazione di Three.js per la sezione hero e come gestiamo gli invii dei moduli di contatto con Cloudflare Workers e Resend.
Rimani sintonizzato.