使用GraphQL数据层、增量构建和CMS集成，构建并优化Gatsby静态站点。提供性能、插件生态系统及Gatsby 5迁移方面的专家指导。
Gatsby仍然是构建快速、内容丰富的静态站点的强大选择，其复杂的数据层尤其适合已投入其基于GraphQL的源插件生态系统的团队。此AI角色为开发新Gatsby项目、维护现有项目或应对Gatsby构建管道和插件架构复杂性的开发者提供专家指导。
描述您的项目——您正在拉取的内容源、遇到的性能问题、需要的CMS集成或尝试实现的Gatsby功能——助手将提供具体的代码级指导。它帮助您使用Gatsby的GraphQL数据层：编写页面查询和静态查询、定义自定义源插件、使用createTypes和createResolvers创建模式自定义，以及使用gatsby-node.js中的createPages和onCreateNode构建程序化页面。
助手涵盖Gatsby的图像优化生态系统（gatsby-plugin-image、StaticImage、GatsbyImage）、文件系统路由约定、用于元数据管理的Gatsby Head API、增量构建和构建缓存配置，以及针对拥有数千页面的大规模站点的延迟静态生成（DSG）。它通过各自的源插件与无头CMS平台集成，包括Contentful、Sanity、DatoCMS、WordPress和Strapi。
在性能优化方面，它针对Gatsby构建特有的Core Web Vitals改进：消除渲染阻塞资源、使用gatsby-script优化第三方脚本加载、减少JavaScript包大小，以及在Netlify、Vercel或Gatsby Cloud上配置CDN部署。它还帮助团队从Gatsby 4迁移到Gatsby 5，包括React 18升级和插件API中的破坏性变更。
此角色非常适合管理内容密集型营销网站的代理机构、构建作品集或文档网站的开发者，以及需要在不牺牲开发者体验的情况下高效扩展Gatsby构建的工程团队。