RedwoodJS 全栈 React 框架的可选 GraphQL API 层，基于 GraphQL Yoga 与 Envelop 构建。
1.8万993TypeScriptMIT更新于 16天前
gatsbyjs/gatsby
基于 React 的框架，用于构建快速的网站和应用，通过 GraphQL 统一接入 CMS、Markdown 和 API 数据。
- Star
- 55,937
- Fork
- 10,102
- 未关闭 Issue
- 457
- 最近提交
- 19小时前
这是什么？
Gatsby 是一个基于 React 的网站与应用框架。它通过数据源插件从 Markdown 文件、Contentful、WordPress 等无头 CMS，以及 REST 或 GraphQL API 加载数据，并统一通过 GraphQL 接口读取。
每个页面可以单独选择静态生成、延迟静态生成或服务端渲染。框架会自动完成代码分割、图片优化、关键 CSS 内联、懒加载和资源预取等性能优化。由于最终产物是静态构建结果，站点可以直接部署到 CDN，无需单独运行服务器。
项目采用 Lerna 管理的 monorepo 结构，各个包发布到 npm，使用 MIT 许可证。通过 npm init gatsby 即可创建新项目，并提供多种常见站点类型的starter 模板。
核心功能
- 01通过数据源插件接入 Markdown、无头 CMS 以及 REST 或 GraphQL API 数据。
- 02所有数据统一通过 GraphQL 接口读取。
- 03支持按页面选择静态生成、延迟静态生成或服务端渲染。
- 04自动完成代码分割、图片优化和懒加载。
- 05构建产物为静态文件，可部署到 CDN。
适用场景
- 搭建由无头 CMS 驱动的内容型博客或营销站点。
- 开发需要静态性能的电商页面或用户仪表盘。
- 以较低服务器成本将站点部署到 CDN。
快速上手
- 1
初始化新项目
npm init gatsby - 2
进入新站点目录并启动开发模式
cd my-gatsby-site/ npm run develop - 3
打开 http://localhost:8000 并编辑 src/pages/index.js
标签
常见问题
- gatsby 是什么？
- 基于 React 的框架，用于构建快速的网站和应用，通过 GraphQL 统一接入 CMS、Markdown 和 API 数据。 Gatsby 是一个基于 React 的网站与应用框架。它通过数据源插件从 Markdown 文件、Contentful、WordPress 等无头 CMS，以及 REST 或 GraphQL API 加载数据，并统一通过 GraphQL 接口读取。
- gatsby 可以免费使用吗？用的什么许可证？
- gatsby 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- gatsby 还在维护吗？
- 活跃维护中。gatsby 最近一次提交是在 2026年10月20日。
- gatsby 适合用来做什么？
- 搭建由无头 CMS 驱动的内容型博客或营销站点。 开发需要静态性能的电商页面或用户仪表盘。 以较低服务器成本将站点部署到 CDN。
- gatsby 怎么安装和运行？
- 初始化新项目: npm init gatsby 进入新站点目录并启动开发模式: cd my-gatsby-site/ npm run develop 打开 http://localhost:8000 并编辑 src/pages/index.js
- 在哪里获取 gatsby？
- 源代码和安装说明在 GitHub 上：https://github.com/gatsbyjs/gatsby
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
Angular 是基于 TypeScript 的 Web 应用开发平台，内置 CLI、路由、表单和 SSR 等能力。
10.1万3万TypeScriptMIT更新于 6小时前
基于 React 的静态站点生成器，用于构建、部署和维护开源项目文档网站。
6.7万1万TypeScriptMIT更新于 4天前
基于 Vue.js 的开源全栈框架，用于构建生产级 Web 应用和网站。
6.1万5809TypeScriptMIT更新于 5小时前
基于 React 和 Material UI 的前端框架，用于在 REST 或 GraphQL 接口之上快速搭建后台管理单页应用。
2.7万5471TypeScriptMIT更新于 前天
基于 Svelte 构建全栈 Web 应用的框架，提供路由、服务端渲染和多平台部署适配器。
2.1万2351JavaScriptMIT更新于 17小时前