Description du projet
TraduitNous avons un site marketing avec un blog qui est devenu lent et lourd au fil des ans, et nous voulons le reconstruire à partir de zéro en tant qu'application Jamstack rapide. Votre tâche est de prendre les pages, la structure et le contenu existants et de les réimplémenter par génération statique : soit sur Astro, soit sur l'export statique Next, vous décidez et justifiez pour notre cas. L'objectif est un site qui s'ouvre instantanément, charge un minimum de JavaScript supplémentaire et affiche des valeurs vertes sur toutes les métriques Core Web Vitals tant sur mobile que sur desktop. Le design, le texte et la structure existent déjà, donc il s'agit principalement d'une tâche d'ingénierie axée sur la performance, pas d'une refonte, bien que des améliorations raisonnables de la balise et de la sémantique soient les bienvenues.
Le contenu doit provenir d'une source de données sans tête, ne pas être codé en dur, afin que les éditeurs puissent continuer à publier des articles et des pages d'atterrissage sans modifications de code. Vous devez décrire les types de contenu, lier la construction à cette source au moment de la génération et obtenir du HTML entièrement statique pour chaque route. Nous attendons une balise sémantique propre et accessible, des images responsives dans des formats modernes avec des dimensions correctes, un traitement soigné des polices et des scripts tiers, ainsi qu'une stratégie de mise en cache réfléchie au niveau du CDN. Le déploiement doit être automatisé afin que les changements de contenu ou les mises à jour de code déclenchent la reconstruction et la publication sur le CDN sans étapes manuelles. Décrivez comment l'ensemble du pipeline fonctionne afin que l'équipe puisse le maintenir.
Nous nous soucions des résultats mesurables, pas seulement du changement de framework. Avant et après, nous voulons voir des chiffres réels : peinture de contenu la plus grande, décalage de mise en page cumulatif, délai d'interaction, temps de blocage total et poids de la page, mesurés sur des pages représentatives et sur une connexion limitée.
— Génération statique de toutes les routes du site web et du blog sur Astro ou export statique Next
— Source de données sans tête pour les articles et les pages, modélisée et connectée à la construction
— Images responsives, polices optimisées et JavaScript minimal côté client
— Déploiement automatique sur CDN lorsque le contenu ou le code change
— Pipeline documenté et rapports Core Web Vitals avant et après
Le contenu doit provenir d'une source de données sans tête, ne pas être codé en dur, afin que les éditeurs puissent continuer à publier des articles et des pages d'atterrissage sans modifications de code. Vous devez décrire les types de contenu, lier la construction à cette source au moment de la génération et obtenir du HTML entièrement statique pour chaque route. Nous attendons une balise sémantique propre et accessible, des images responsives dans des formats modernes avec des dimensions correctes, un traitement soigné des polices et des scripts tiers, ainsi qu'une stratégie de mise en cache réfléchie au niveau du CDN. Le déploiement doit être automatisé afin que les changements de contenu ou les mises à jour de code déclenchent la reconstruction et la publication sur le CDN sans étapes manuelles. Décrivez comment l'ensemble du pipeline fonctionne afin que l'équipe puisse le maintenir.
Nous nous soucions des résultats mesurables, pas seulement du changement de framework. Avant et après, nous voulons voir des chiffres réels : peinture de contenu la plus grande, décalage de mise en page cumulatif, délai d'interaction, temps de blocage total et poids de la page, mesurés sur des pages représentatives et sur une connexion limitée.
— Génération statique de toutes les routes du site web et du blog sur Astro ou export statique Next
— Source de données sans tête pour les articles et les pages, modélisée et connectée à la construction
— Images responsives, polices optimisées et JavaScript minimal côté client
— Déploiement automatique sur CDN lorsque le contenu ou le code change
— Pipeline documenté et rapports Core Web Vitals avant et après
Développement web Espèces, Virement bancaire
