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
Deploy
用户列表
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 站点,它们针对不同的使用场景进行了预先配置,为你的项目提供一个良好的开端。
外部资源
有趣的 Gatsby 社区项目和学习资源列表,例如 podcasts 和教程。
Some of our recent favorites
gatsby-starter-blog
2286A starter for a blog powered by Gatsby and Markdown
gatsby-plugin-react-helmet
1mManage document head data with react-helmet. Provides drop-in server rendering support for Gatsby.
gatsby-starter-netlify-cms
1343Example Gatsby, and Netlify CMS project
gatsby-plugin-page-creator
1.2mGatsby plugin that automatically creates pages from React components in specified directories
gatsby-advanced-starter
879GatsbyJS starter that includes examples for advanced use cases.
gatsby-plugin-sharp
916.8kWrapper of the Sharp image manipulation library for Gatsby plugins