Fast in every way that matters
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps
Get StartedHow 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.
Static Progressive Web Apps
Gatsby.js is a static 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.
Ecosystem
Plugins & Starters
We have the tools to help you build for the web.
Plugins
Plugins are packages that extend Gatsby sites. They can source content, transform data, and more!
Starters
Starters are Gatsby sites that are preconfigured for different use cases to give you a head start for your project.
External Resources
A curated list of interesting Gatsby community projects and learning resources like podcasts and tutorials.
Some of our recent favorites
gatsby-starter-blog
1632A starter for a blog powered by Gatsby and Markdown
gatsby-source-filesystem
518kGatsby plugin which parses files within a directory for further parsing by other plugins
gatsby-starter-netlify-cms
876Example Gatsby, and Netlify CMS project
gatsby-plugin-react-helmet
505.3kManage document head data with react-helmet. Provides drop-in server rendering support for Gatsby.
gatsby-advanced-starter
621GatsbyJS starter that includes examples for advanced use cases.
gatsby-plugin-page-creator
582.8kGatsby plugin that automatically creates pages from React components in specified directories