Construire Notre Site Web d'Ingénierie avec Astro 5
Un regard coulisse sur la manière dont nous avons construit le site web marketing de Godfrey Engineering en utilisant Astro 5, les collections de contenu et Cloudflare Pages.
Pourquoi Astro ?
Au moment de construire le site web marketing de Godfrey Engineering, nous avons évalué plusieurs frameworks. Astro s’est démarqué par son approche centrée sur le contenu, sa philosophie de zéro JavaScript par défaut et son support natif des collections de contenu avec schémas type-safe.
Collections de Contenu
Les collections de contenu d’Astro 5 nous permettent de définir des schémas stricts pour nos articles de blog et études de cas en utilisant Zod. Chaque champ est validé au moment du build ; si un champ frontmatter est manquant ou mal formé, le build échoue avec un message d’erreur clair. Plus de bugs silencieux dus à des fautes de frappe en 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
});Support Multilingue
Avec 7 locales à supporter, nous organisons le contenu par répertoire de locale. Chaque article dispose d’une clé translationKey qui le relie à ses équivalents dans d’autres langues. Le sélecteur de langue dans l’en-tête trouve automatiquement l’article correspondant.
Prochainement
Dans les prochains articles, nous explorerons notre système d’animation GSAP, l’intégration Three.js pour la section héros, et la manière dont nous gérons les soumissions de formulaire de contact avec Cloudflare Workers et Resend.
Reste connecté.