Descrizione del progetto
TradottoAbbiamo un sito web di marketing con un blog che è diventato lento e pesante nel corso degli anni, e vogliamo ricostruirlo da zero come un'applicazione Jamstack veloce. Il tuo compito è prendere le pagine esistenti, la struttura e i contenuti e re-implementarli attraverso la generazione statica: sia su Astro che su Next esportazione statica, decidi e giustifica per il nostro caso. L'obiettivo è un sito che si apre istantaneamente, carica un minimo di JavaScript extra e mostra valori verdi in tutte le metriche Core Web Vitals sia su mobile che su desktop. Il design, il testo e la struttura esistono già, quindi questo è principalmente un compito ingegneristico riguardante le prestazioni, non un redesign, anche se miglioramenti ragionevoli al markup e alla semantica sono benvenuti.
I contenuti devono provenire da una fonte di dati headless, non essere hardcoded, in modo che gli editor possano continuare a pubblicare post e landing senza modifiche al codice. Devi descrivere i tipi di contenuto, collegare la build a questa fonte al momento della generazione e ottenere HTML completamente statico per ogni percorso. Ci aspettiamo un markup semantico pulito e accessibile, immagini reattive in formati moderni con dimensioni corrette, gestione attenta dei font e degli script di terze parti e una strategia di caching ben ponderata al bordo del CDN. La distribuzione deve essere automatizzata in modo che le modifiche ai contenuti o le push di codice attivino la ricostruzione e la pubblicazione sul CDN senza passaggi manuali. Descrivi come funziona l'intero pipeline in modo che il team possa mantenerlo.
Ci interessano risultati misurabili, non solo il passaggio di framework. Prima e dopo vogliamo vedere numeri reali: paint del contenuto più grande, spostamento cumulativo del layout, ritardo di interazione, tempo totale di blocco e peso della pagina, misurati su pagine rappresentative e su connessione limitata.
— Generazione statica di tutti i percorsi del sito web e del blog su Astro o Next esportazione statica
— Fonte di dati headless per post e pagine, modellata e collegata alla build
— Immagini reattive, font ottimizzati e JavaScript client-side minimo
— Distribuzione automatica su CDN quando i contenuti o il codice cambiano
— Pipeline documentata e report Core Web Vitals prima e dopo
I contenuti devono provenire da una fonte di dati headless, non essere hardcoded, in modo che gli editor possano continuare a pubblicare post e landing senza modifiche al codice. Devi descrivere i tipi di contenuto, collegare la build a questa fonte al momento della generazione e ottenere HTML completamente statico per ogni percorso. Ci aspettiamo un markup semantico pulito e accessibile, immagini reattive in formati moderni con dimensioni corrette, gestione attenta dei font e degli script di terze parti e una strategia di caching ben ponderata al bordo del CDN. La distribuzione deve essere automatizzata in modo che le modifiche ai contenuti o le push di codice attivino la ricostruzione e la pubblicazione sul CDN senza passaggi manuali. Descrivi come funziona l'intero pipeline in modo che il team possa mantenerlo.
Ci interessano risultati misurabili, non solo il passaggio di framework. Prima e dopo vogliamo vedere numeri reali: paint del contenuto più grande, spostamento cumulativo del layout, ritardo di interazione, tempo totale di blocco e peso della pagina, misurati su pagine rappresentative e su connessione limitata.
— Generazione statica di tutti i percorsi del sito web e del blog su Astro o Next esportazione statica
— Fonte di dati headless per post e pagine, modellata e collegata alla build
— Immagini reattive, font ottimizzati e JavaScript client-side minimo
— Distribuzione automatica su CDN quando i contenuti o il codice cambiano
— Pipeline documentata e report Core Web Vitals prima e dopo
Sviluppo web Contante, Bonifico bancario
