Gatsby

Input—per 1M tokens

Output—per 1M tokens

Context—tokens

WeightsClosed

About

Gatsby is an open-source, React-based framework for building websites, including eCommerce and marketing sites, blogs and documentation. It supports JavaScript and Node.js, with Static Site Generation, Deferred Static Generation and Server-Side Rendering as rendering options. Its GraphQL data layer brings content, APIs and services together, and page components can declare the data they need. Gatsby includes code-splitting, image optimization, lazy-loading and webpack. Its plugin library covers CMS, styling, analytics, e-commerce, payments, authentication and search; official integrations include hosting providers such as Azure, AWS S3, Netlify and Vercel, and CMS options including Contentful, Drupal, Strapi and WordPress. Gatsby 5 requires Node 18 and React 18. The open-source framework is free. The separate Free plan includes a 300-credit monthly limit, unlimited deploy previews and custom domains with SSL; projects pause when monthly usage limits are reached. Personal is $9 per month and Pro is $20 per month.

Who it is for

Gatsby suits React developers building content-rich websites who want a GraphQL data layer and multiple rendering approaches. Its integrations and plugins can serve teams using supported hosting and CMS options.

What is good

Open-source React framework
Supports SSR, DSG and static generation
GraphQL data layer combines content and APIs
Free plan includes unlimited deploy previews

What to know first

Free plan has a 300-credit monthly limit
Projects pause at monthly usage limits
Gatsby 5 requires Node 18 and React 18

Verdict

Gatsby brings multiple rendering options, a GraphQL data layer and a broad plugin ecosystem to React site development. Plan around its monthly credit limits and Gatsby 5's runtime requirements.

Facts

Free plan: Yesgatsbyjs.com · 20 Sept 2026
Content sources: apigatsbyjs.com · 20 Sept 2026
CMS integration: Yesgatsbyjs.com · 20 Sept 2026
Incremental builds: Yesgatsbyjs.com · 20 Sept 2026
Multilingual support: Yesgatsbyjs.com · 20 Sept 2026
Local preview server: Yesgatsbyjs.com · 20 Sept 2026
Supported languages: JavaScript,Node.jsgatsbyjs.com · 20 Sept 2026
Open-source framework: Gatsby is a React-based, open-source framework for building websites.gatsbyjs.com · 27 Sept 2026
Rendering options: Gatsby supports SSR, DSG, and Cloud Functions for additional flexibility.gatsbyjs.com · 27 Sept 2026
GraphQL data layer: Its data layer combines content, APIs, and services into one web experience.gatsbyjs.com · 27 Sept 2026
Free tier limit: The Free plan includes a 300-credit monthly limit.gatsbyjs.com · 27 Sept 2026
Free deploy previews: The Free plan includes unlimited deploy previews.gatsbyjs.com · 27 Sept 2026
Free domains and SSL: The Free plan includes custom domains with SSL.gatsbyjs.com · 27 Sept 2026
Private by default: New projects on credit-based accounts start private until published.gatsbyjs.com · 27 Sept 2026
Usage limit behavior: Projects pause when monthly usage limits are reached until the next billing cycle.gatsbyjs.com · 27 Sept 2026
SOC 2 certification: Netlify describes its platform as SOC 2 certified.gatsbyjs.com · 27 Sept 2026
Two-factor authentication: The platform supports one-time-password authentication apps for account security.gatsbyjs.com · 27 Sept 2026
Team access control: Teams can set roles and permissions for members and site access.gatsbyjs.com · 27 Sept 2026
Team management: Users can collaborate through teams, with users belonging to multiple teams.gatsbyjs.com · 27 Sept 2026
Repository integrations: Integrations include GitHub Enterprise Server, self-managed GitLab, and Bitbucket.gatsbyjs.com · 27 Sept 2026
Slack integration: The platform includes a Netlify app for Slack.gatsbyjs.com · 27 Sept 2026
Support levels: Support options include priority email support and 24/7/365 support with SLA.gatsbyjs.com · 27 Sept 2026
Company identity: Gatsby is powered by the Gatsby community and Gatsby, the company.gatsbyjs.com · 27 Sept 2026
What it does: Gatsby is an open-source frontend framework for React developers building eCommerce sites, marketing sites, blogs, documentation, and other websites.gatsbyjs.com · 28 Sept 2026
Rendering: Gatsby can use Static Site Generation, Deferred Static Generation, or Server-Side Rendering.gatsbyjs.com · 28 Sept 2026
Performance: Gatsby provides code-splitting, image optimization, lazy-loading, webpack, and Deferred Static Generation out of the box.gatsbyjs.com · 28 Sept 2026
Data layer: Gatsby uses GraphQL to provide a uniform way for page and StaticQuery components to declare the data they need.gatsbyjs.com · 28 Sept 2026
Plugins: The Gatsby Plugin Library lists 3,269 results and includes plugins for CMS, CSS and UI, analytics, e-commerce, payment, authentication, and search.gatsbyjs.com · 28 Sept 2026
Hosting integrations: Official hosting integrations include Azure, Amazon Web Services S3, Fastly, Firebase, Google Storage, Netlify, and Vercel.gatsbyjs.com · 28 Sept 2026
CMS integrations: Official CMS integrations include Contentful, Cosmic, DatoCMS, Sanity, Agility, Contentstack, Drupal, Flotiq, Kontent, Strapi, and WordPress.gatsbyjs.com · 28 Sept 2026
Gatsby 5: Gatsby 5 requires Node 18 and React 18.gatsbyjs.com · 28 Sept 2026
Security: Gatsby says its security program is SOC 2 Type 2 certified for Security, Availability, and Confidentiality, and that it adheres to GDPR.gatsbyjs.com · 28 Sept 2026
Security reporting: Gatsby does not operate a formal bug bounty program and does not offer monetary rewards for vulnerability reports.gatsbyjs.com · 28 Sept 2026
Serverless limits: Gatsby Cloud Serverless Functions have a free-plan limit of 100,000 invocations per month, 128MB memory, and a 15-second timeout.gatsbyjs.com · 28 Sept 2026
Support: Gatsby says anyone can open an issue and ask a question, and the project team will respond.gatsbyjs.com · 28 Sept 2026
Company transition: Gatsby Inc. announced that it joined Netlify and that Gatsby Cloud would be incorporated into Netlify’s platform.gatsbyjs.com · 28 Sept 2026