立即迁移到 Netlify

Netlify 宣布 Gatsby Cloud 的下一次迭代。 了解更多

通用 功能

超越组件、数据、内容和媒体。添加第三方服务,如搜索、支付和身份验证;通过本地化和 SEO 提供上下文;通过表单和分析捕获访客信息。总之,将您的网站从静态文档转变为交互式应用程序。

 主要指南 8

SEO 组件

了解如何使用 Gatsby 内置的 Head API 构建自定义 SEO 组件

国际化 (i18n)

为页面创建基于语言的多个 URL,并为用户提供正确的 URL。

自定义 404 页面

500 页面

在服务器端渲染过程中出现问题时,自定义 500 错误页面。

分析

基本分析(Google Analytics、Google Tag Manager);其他分析提供商,如 Hotjar 和 Segment。

添加来自托管提供商(如 Algolia)的搜索,或使用开源库(如 elasticlunr)。

表单

使用纯 React 表单或 React 表单库(如 Formik 或 Final Form)。

身份验证

通过使用客户端路由并连接到第三方服务(如 Auth0)来在您的 Gatsby 网站中实现身份验证。

 附加指南 8

  • 添加评论
  • 使用 Stripe 设置支付
  • 创建 RSS Feed
  • 创建站点地图
  • A/B 测试
  • 添加 manifest 文件
  • 添加离线支持
  • 页面过渡
©2025Gatsby, Inc.