用途:Gatsby 是一个基于 React 的框架,用于构建快速、静态及动态网站,并提供统一的 GraphQL 数据层。适合内容密集型网站、博客、电商店面等场景。
主要能力:支持文件系统路由(src/pages 下文件即路由)、动态路由(如 src/pages/products/{Product.slug}.js)、GraphQL 页面查询与 useStaticQuery 组件查询、自定义 Hook、程序化页面创建(gatsby-node.js 中 createPages/onCreateNode)。渲染方式包括默认的静态生成(SSG)、延迟静态生成(DSG,通过 config 中 defer: true)以及服务器端渲染(SSR,通过 getServerData 在每次请求时运行)。图片优化通过 gatsby-plugin-image、gatsby-plugin-sharp、gatsby-transformer-sharp 实现,支持 StaticImage 与 GatsbyImage。配置在 gatsby-config.js 中完成,可接入 Markdown、Contentful、Sanity、WordPress 等内容源,以及 sitemap、robots.txt、manifest 等插件。支持 TypeScript。
使用方式:创建项目并启动开发服务器: npm init gatsby my-site cd my-site npm run develop 常用命令:npm run develop(开发服务器,默认 localhost:8000)、npm run build(生成静态文件)、npm run serve(预览生产构建)、npm run clean(清除 .cache 与 public/)。
限制:资料未提供收费、价格、平台支持范围、具体性能指标及部署平台等细节,暂未提供。使用效果取决于具体配置与插件选择。