Skip to main content

Fast in every way that matters

Gatsby 是一个基于 React 的免费、开源框架,用于帮助 开发者构建运行速度极快的 网站 应用程序

开始使用

How Gatsby works

Pull data from anywhere

Data Sources

CMSs

Contentful, Drupal, WordPress, etc.

Markdown

Documentation, Posts, etc.

Data

APIs, Databases, YAML, JSON, CSV, etc.

Build

Gatsbypowered byGraphQL 
HTML · CSS · React 

Deploy

Web Hosting

Netlify, AWS Amplify, GitHub Pages, Surge.sh, Aerobatic, ZEIT Now & many more

用户列表

Modern web tech without the headache

Enjoy the power of the latest web technologies – React.js , Webpack , modern JavaScript and CSS and more — all set up and waiting for you to start building.

Bring your own data

Gatsby’s rich data plugin ecosystem lets you build sites with the data you want — from one or many sources: Pull data from headless CMSs, SaaS services, APIs, databases, your file system, and more directly into your pages using GraphQL .

Scale to the entire internet

Gatsby.js is Internet Scale. Forget complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling fears. Gatsby.js builds your site as “static” files which can be deployed easily on dozens of services.

Future-proof your website

Do not build a website with last decade’s tech. The future of the web is mobile, JavaScript and APIs—the JAMstack. Every website is a web app and every web app is a website. Gatsby.js is the universal JavaScript framework you’ve been waiting for.

Progressive Web Apps

Gatsby.js is a PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

Speed past the competition

Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are.

还是很好奇?

只需要几分钟就可以让站点跑起来!

开始使用吧

生态系统

插件和模板

我们提供了一些工具用以帮你构建网站。

探索 Gatsby 生态系统

插件

插件时用来扩展 Gatsby 站点的软件包。插件具有取内容、转换数据等功能!

插件列表Browse Plugins创建插件使用插件

模板

模板其实是 Gatsby 站点,它们针对不同的使用场景进行了预先配置,为你的项目提供一个良好的开端。

外部资源

有趣的 Gatsby 社区项目和学习资源列表,例如 podcasts 和教程。

Some of our recent favorites

博客

Gatsby 博客

Challenge 8 - Make Your Forms and Images Accessible to Everyone

Hashim Warren
 on 2/19/2020
Read more
Docs
Tutorials
Plugins
Blog
Showcase