Construyendo Nuestro Sitio Web de Ingeniería con Astro 5

¿Por qué Astro?

Cuando llegó el momento de construir el sitio web de marketing de Godfrey Engineering, evaluamos varios frameworks. Astro se destacó por su enfoque centrado en contenido, su filosofía de cero JavaScript por defecto y su soporte de primera clase para colecciones de contenido con esquemas type-safe.

Colecciones de Contenido

Las colecciones de contenido de Astro 5 nos permitieron definir esquemas estrictos para nuestros posts de blog y estudios de casos utilizando Zod. Cada campo se valida en tiempo de compilación; si un campo de frontmatter falta o está mal formado, la compilación falla con un mensaje de error claro. No más bugs silenciosos por errores tipográficos en YAML.

const blogSchema = z.object({
  title: z.string().min(1).max(100),
  description: z.string().min(10).max(300),
  publishDate: z.coerce.date(),
  // ... más campos
});

Soporte Multiidioma

Con 7 locales a soportar, organizamos el contenido por directorio de locale. Cada post tiene una translationKey que lo vincula a sus contrapartes en otros idiomas. El selector de idioma en la cabecera encuentra automáticamente el post correspondiente.

Qué Viene Después

En próximos posts, profundizaremos en nuestro sistema de animación GSAP, la integración de Three.js para la sección hero y cómo manejamos envíos de formularios de contacto con Cloudflare Workers y Resend.

Está atento.