Descripción del proyecto
TraducidoTenemos un sitio web de marketing con un blog que se ha vuelto lento y pesado a lo largo de los años, y queremos reconstruirlo desde cero como una aplicación Jamstack rápida. Tu tarea es tomar las páginas, estructura y contenido existentes y reimplementarlos a través de generación estática: ya sea en Astro o en exportación estática de Next, tú decides y justificas para nuestro caso. El objetivo es un sitio que se abra instantáneamente, cargue un JavaScript mínimo adicional y muestre valores verdes en todas las métricas de Core Web Vitals tanto en móvil como en escritorio. El diseño, texto y estructura ya existen, por lo que esta es principalmente una tarea de ingeniería sobre rendimiento, no un rediseño, aunque se aceptan mejoras razonables en la marca y la semántica.
El contenido debe provenir de una fuente de datos sin cabeza, no estar codificado, para que los editores puedan seguir publicando publicaciones y aterrizajes sin ediciones de código. Necesitas describir los tipos de contenido, vincular la construcción a esta fuente en el momento de la generación y obtener HTML completamente estático para cada ruta. Esperamos una marca semántica accesible y limpia, imágenes responsivas en formatos modernos con dimensiones correctas, manejo cuidadoso de fuentes y scripts de terceros y una estrategia de caché reflexiva en el borde de la CDN. El despliegue debe ser automatizado para que los cambios de contenido o las actualizaciones de código desencadenen la reconstrucción y publicación en la CDN sin pasos manuales. Describe cómo funciona toda la tubería para que el equipo pueda mantenerla.
Nos importan los resultados medibles, no solo el cambio de marco. Antes y después queremos ver números reales: mayor pintura de contenido, cambio de diseño acumulativo, retraso en la interacción, tiempo total de bloqueo y peso de la página, medidos en páginas representativas y en conexión limitada.
— Generación estática de todas las rutas del sitio web y blog en Astro o exportación estática de Next
— Fuente de datos sin cabeza para publicaciones y páginas, modelada y conectada a la construcción
— Imágenes responsivas, fuentes optimizadas y JavaScript mínimo del lado del cliente
— Despliegue automático en CDN cuando cambian el contenido o el código
— Tubería documentada e informes de Core Web Vitals antes y después
El contenido debe provenir de una fuente de datos sin cabeza, no estar codificado, para que los editores puedan seguir publicando publicaciones y aterrizajes sin ediciones de código. Necesitas describir los tipos de contenido, vincular la construcción a esta fuente en el momento de la generación y obtener HTML completamente estático para cada ruta. Esperamos una marca semántica accesible y limpia, imágenes responsivas en formatos modernos con dimensiones correctas, manejo cuidadoso de fuentes y scripts de terceros y una estrategia de caché reflexiva en el borde de la CDN. El despliegue debe ser automatizado para que los cambios de contenido o las actualizaciones de código desencadenen la reconstrucción y publicación en la CDN sin pasos manuales. Describe cómo funciona toda la tubería para que el equipo pueda mantenerla.
Nos importan los resultados medibles, no solo el cambio de marco. Antes y después queremos ver números reales: mayor pintura de contenido, cambio de diseño acumulativo, retraso en la interacción, tiempo total de bloqueo y peso de la página, medidos en páginas representativas y en conexión limitada.
— Generación estática de todas las rutas del sitio web y blog en Astro o exportación estática de Next
— Fuente de datos sin cabeza para publicaciones y páginas, modelada y conectada a la construcción
— Imágenes responsivas, fuentes optimizadas y JavaScript mínimo del lado del cliente
— Despliegue automático en CDN cuando cambian el contenido o el código
— Tubería documentada e informes de Core Web Vitals antes y después
Desarrollo web Efectivo, Transferencia bancaria
