Gatsby is a React-based open source framework with performance, scalability and security built-in. Collaborate, build and deploy 1000x faster on Netlify.

Gatsby is a React-based open source framework for creating websites. Whether your site has 100 pages or 100,000 pages — if you care deeply about performance, scalability, and built-in security — you'll love building with us.

Get code-splitting, image optimization, lazy-loading, webpack, Deferred Static Generation, and more all out-of-the-box with Gatsby. Choose from thousands of pre-made plugins and templates to go even faster.

This quick start is intended for intermediate to advanced developers. For a gentler intro to Gatsby, head to our tutorial ! Getting started…

Gatsby is JavaScript at its core, and is built with React, GraphQL, and Node.js. See how Gatsby compares to WordPress and Drupal or to popular static site generators.

Gatsby Starter Library Starter Docs → Popular / Headless CMS / Blog / Portfolio / Documentation / Boilerplate / E-commerce / Community Submit your starter →

Pull content and data from wherever it lives -- a CMS, the filesystem, a spreadsheet, a database -- into Gatsby using source plugins (integrations) and make it available for your site's pages and …

Gatsby source plugin for building websites from local data. Markdown, JSON, images, YAML, CSV, and dozens of other data types supported.

Gatsby includes a built-in Head export that allows you to add elements to the document head of your pages. Compared to react-helmet or other similar solutions, Gatsby Head is easier to use, more performant, has a smaller bundle size, and supports the latest React features.

Gallery of sites using Gatsby across the web, find inspiration or inspect the code of popular projects.