Home/Static Site Generators/Gatsby
G

Gatsby

Updated: Sep 28, 2026

Build fast, secure, and powerful websites with a React-based open-source framework and unified GraphQL data layer.

Gatsby
1 / 2

About Gatsby

Overview Gatsby is a React-based open source framework for building fast, secure, and powerful websites. It combines a modern frontend framework with a unified GraphQL data layer that integrates different content sources, APIs, and services into one web experience. The framework is designed for developers who want performance, scalability, and security without glue code. Gatsby Cloud is uniting with Netlify Cloud, and Netlify is offering migration paths for all Gatsby Cloud customers. Key Benefits Built on React, giving developers access to a mature component ecosystem and modern frontend tooling. Unified GraphQL data layer eliminates glue code by integrating content, APIs, and services seamlessly. Supports SSR (Server-Side Rendering), DSG (Deferred Static Generation), and Cloud Functions for flexible rendering. Open source framework backed by an active community with documentation, tutorials, guides, and starter templates. Deploy on Netlify for free with access to global CDN, deploy previews, and custom domains with SSL. How It Works You build your site using React components and Gatsby's GraphQL data layer to pull content from any source — CMS, APIs, markdown files, or databases. You choose your rendering strategy: static generation for speed, SSR for dynamic content, DSG for deferred pages, or Cloud Functions for server-side logic. Finally, you deploy the site on Netlify, which provides a global CDN, deploy previews, and built-in security features. Use Cases Frontend developers building high-performance marketing sites and landing pages with React. Content teams managing multi-source content from CMS platforms, APIs, and markdown files into a single site. E-commerce teams creating fast, secure storefronts with server-side rendering and cloud functions. Open source contributors building documentation sites using Gatsby's starter templates and plugin ecosystem. Agencies delivering client websites that need scalability, security, and fast deployment on Netlify. Why Choose This Product Gatsby is best suited for React developers and teams who want an open-source framework with flexible rendering options — static, SSR, DSG, or cloud functions — and a unified data layer. Gatsby Cloud is migrating to Netlify, so new users should evaluate Netlify's platform for deployment and hosting.

Gatsby Pros & Cons

Strengths
  • React-based open source framework
  • Unified GraphQL data layer for multi-source content
  • Supports SSR, DSG, and Cloud Functions
  • Free deployment on Netlify with global CDN
  • Large community with plugins, themes, and starters
Limitations
  • Gatsby Cloud is migrating to Netlify — no longer a standalone platform
  • Pricing is now through Netlify, not Gatsby directly

Key Features

⚛️

React-Based Framework

Gatsby is built on React, allowing developers to use components, hooks, and the broader React ecosystem.

🔗

GraphQL Data Layer

A unified GraphQL data layer integrates content from different CMS platforms, APIs, and services without glue code.

⚡

SSR, DSG & Functions

Supports Server-Side Rendering, Deferred Static Generation, and Cloud Functions for flexible rendering strategies.

🌐

Global CDN Deployment

Deploy on Netlify with a global CDN, unlimited deploy previews, and custom domains with SSL.

🧩

Plugin Ecosystem

Extend functionality with a library of plugins, themes, recipes, and starter templates from the community.

📖

Comprehensive Docs

Includes quick start tutorials, how-to guides, reference guides, conceptual guides, and a CLI reference.

Gatsby Pricing

View full pricing →
Free
Free/mo
  • Deploy from AI, Git, or API
  • Unlimited deploy previews
  • Build with Agent Runners
  • Custom domains with SSL
  • Functions & AI models
  • Global CDN
Personal
$9/mo
  • Smart secret detection
  • 1-day observability
  • Priority email support
  • 1,000 credits per month
Most popular
Pro
$20/mo
  • Private organization repos
  • Shared env variables
  • 3+ concurrent builds
  • 30-day analytics & metrics
  • 3,000 credits per month
Enterprise
Custom
  • 99.99% SLA
  • Enterprise network tier
  • High-performance builds
  • SSO & SCIM
  • Log drains
  • 24/7 dedicated support
Compare plans
Feature
Free
Free/mo
Personal
$9/mo
Pro
$20/mo
Enterprise
Custom
Deploy from AI, Git, or API
Unlimited deploy previews
Build with Agent Runners
Custom domains with SSL
Functions & AI models
Global CDN
Smart secret detection
1-day observability
Priority email support
1,000 credits per month
Private organization repos
Shared env variables
3+ concurrent builds
30-day analytics & metrics
3,000 credits per month
99.99% SLA
Enterprise network tier
High-performance builds
SSO & SCIM
Log drains
24/7 dedicated support

Pricing extracted from the product website and may change. Check the source for current details.

Frequently asked questions about Gatsby

Is Gatsby free to use?

Gatsby is an open source framework that is free to use. Deployment and hosting are available through Netlify, which offers a free tier starting at $0 per month.

What rendering options does Gatsby support?

Gatsby supports Server-Side Rendering (SSR), Deferred Static Generation (DSG), and Cloud Functions, giving developers flexibility beyond static site generation.

What is happening to Gatsby Cloud?

Gatsby Cloud and Netlify Cloud are uniting. Netlify is offering all Gatsby Cloud customers easy migration paths to Netlify.

Is Gatsby free?

Gatsby offers a free plan with optional paid upgrades. See the pricing section for what's included in each tier.

How much does Gatsby cost?

Gatsby offers the following plans: Free, Personal, Pro, Enterprise. See the pricing section for what's included in each tier and any per-seat or usage-based costs.

What platforms does Gatsby support?

Gatsby is available on: Web.