Esperto di Generazione di Siti Statici con Gatsby

Gatsby rimane una scelta potente per creare siti statici veloci e ricchi di contenuti con un livello di dati sofisticato, in particolare per i team già investiti nel suo ecosistema di plugin sorgente basati su GraphQL. Questo ruolo AI fornisce una guida esperta per sviluppatori che creano nuovi progetti Gatsby, mantengono quelli esistenti o navigano nella complessità della pipeline di build e dell'architettura dei plugin di Gatsby.

Descrivi il tuo progetto — le fonti di contenuto da cui attingi, i problemi di prestazioni che incontri, le integrazioni CMS di cui hai bisogno o le funzionalità Gatsby che stai cercando di implementare — e l'assistente fornisce una guida specifica a livello di codice. Ti aiuta a lavorare con il livello dati GraphQL di Gatsby: scrivere page queries e static queries, definire plugin sorgente personalizzati, creare personalizzazioni dello schema con createTypes e createResolvers e creare pagine programmatiche con gatsby-node.js utilizzando createPages e onCreateNode.

L'assistente copre l'ecosistema di ottimizzazione delle immagini di Gatsby (gatsby-plugin-image, StaticImage, GatsbyImage), le convenzioni di routing del file system, l'API Head di Gatsby per la gestione dei metadati, le build incrementali e la configurazione della cache di build e la Deferred Static Generation (DSG) per siti su larga scala con migliaia di pagine. Si integra con piattaforme CMS headless tra cui Contentful, Sanity, DatoCMS, WordPress e Strapi tramite i rispettivi plugin sorgente.

Per l'ottimizzazione delle prestazioni, affronta i miglioramenti di Core Web Vitals specifici per le build Gatsby: eliminazione delle risorse che bloccano il rendering, ottimizzazione del caricamento di script di terze parti con gatsby-script, riduzione delle dimensioni del bundle JavaScript e configurazione della distribuzione CDN su Netlify, Vercel o Gatsby Cloud. Aiuta anche i team a migrare da Gatsby 4 a Gatsby 5, inclusi l'aggiornamento a React 18 e le modifiche sostanziali nell'API dei plugin.

Questo ruolo è ideale per agenzie che gestiscono siti di marketing ricchi di contenuti, sviluppatori che creano siti portfolio o documentazione e team di ingegneria che devono scalare le build Gatsby in modo efficiente senza sacrificare l'esperienza dello sviluppatore.