# gatsby | Gatsby | Knowledge Base | Instagit

React-based framework with performance, scalability, and security built in.

GitHub Stars: 55.9k

Repository: https://github.com/gatsbyjs/gatsby

---

## Articles

### [How to Optimize Gatsby Plugin Configurations for Better Bundle Size and Performance](/gatsbyjs/gatsby/gatsby-plugin-performance-implications-bundle-size-optimization)

Optimize Gatsby plugin configurations to reduce bundle size and boost performance. Understand how browser APIs and client-side code impact your site and learn to streamline your Gatsby build for faster loading.

- Tags: performance
- Published: 2026-03-06

### [How to Implement Incremental Builds in Gatsby: CI/CD Optimization Guide](/gatsbyjs/gatsby/gatsby-incremental-builds-for-ci-cd)

Optimize Gatsby CI/CD with incremental builds. Learn how to regenerate only affected pages, slashing build times from minutes to seconds by persisting the Gatsby cache.

- Tags: how-to-guide
- Published: 2026-03-06

### [Understanding the Gatsby Redux Store and GraphQL Data Layer Relationship](/gatsbyjs/gatsby/gatsby-redux-store-and-graphql-data-layer-relationship)

Explore the Gatsby Redux store and its deep connection to the GraphQL data layer Learn how Redux acts as the central hub for your build process, managing schema, node data, and query state for efficient data retrieval.

- Tags: deep-dive
- Published: 2026-03-06

### [How to Handle Authentication and Protected Routes in a Gatsby Application](/gatsbyjs/gatsby/gatsby-authentication-and-protected-routes)

Secure your Gatsby application by implementing authentication and protected routes. Learn to use wrapRootElement, localStorage, and matchPath for client-only routes and content gating.

- Tags: how-to-guide
- Published: 2026-03-06

### [Best Practices for Organizing Large Gatsby Projects with Multiple Plugins and Data Sources](/gatsbyjs/gatsby/gatsby-project-organization-best-practices)

Master organizing large Gatsby projects. Discover best practices for plugins, data sources, themes, and performance to build scalable sites efficiently. Learn more today.

- Tags: best-practices
- Published: 2026-03-06

### [How to Use Gatsby GraphQL Typegen in TypeScript Projects: A Complete Guide](/gatsbyjs/gatsby/gatsby-graphql-typegen-for-typescript)

Learn to use Gatsby GraphQL typegen in TypeScript. Automatically generate TypeScript definitions for compile-time type safety and IDE autocompletion with gatsbyjs/gatsby.

- Tags: how-to-guide
- Published: 2026-03-06

### [What Are Gatsby Themes and How Do They Differ from Plugins?](/gatsbyjs/gatsby/gatsby-themes-vs-plugins)

Explore Gatsby themes and understand their distinction from plugins. Learn how themes offer site skeletons and customization while plugins extend the build process.

- Tags: deep-dive
- Published: 2026-03-06

### [How Does Hot Reloading Work in Gatsby Development? Webpack HMR, Schema Reloading, and Failure Modes](/gatsbyjs/gatsby/gatsby-development-hot-reloading-troubleshooting)

Understand Gatsby hot reloading including Webpack HMR, schema reloading, and failure modes to keep your development workflow smooth and efficient. Learn how it works and what causes issues.

- Tags: internals
- Published: 2026-03-06

### [How to Configure Gatsby Plugins with Custom Options and Available Configuration Patterns](/gatsbyjs/gatsby/configuring-gatsby-plugins-with-custom-options)

Learn to configure Gatsby plugins with custom options using gatsby-config.js. Explore patterns like environment variables and conditional loading for flexible site builds.

- Tags: how-to-guide
- Published: 2026-03-06

### [Gatsby Transformer Remark vs Plugin MDX: Choosing the Right Markdown Engine](/gatsbyjs/gatsby/gatsby-transformer-remark-vs-gatsby-plugin-mdx)

Compare Gatsby Transformer Remark and Gatsby Plugin MDX. Learn when to use each for your Markdown or MDX content in Gatsby projects.

- Tags: deep-dive
- Published: 2026-03-06

### [How to Debug Gatsby Build Errors and Fix Common Configuration Issues](/gatsbyjs/gatsby/how-to-debug-gatsby-build-errors)

Debug Gatsby build errors and fix common configuration issues fast. Learn to use verbose logging, guard browser APIs, and clean the cache to resolve build failures. Get your Gatsby site back online quickly.

- Tags: how-to-guide
- Published: 2026-03-06

### [How to Configure gatsby-source-filesystem and How It Differs From Other Gatsby Source Plugins](/gatsbyjs/gatsby/gatsby-source-filesystem-vs-other-source-plugins)

Learn how to configure gatsby-source-filesystem to source local files into Gatsby nodes. Understand its differences from remote API source plugins for efficient data management.

- Tags: how-to-guide
- Published: 2026-03-06

### [How to Use the Gatsby Slice API for Partial Hydration and Large Site Performance](/gatsbyjs/gatsby/gatsby-slice-api-partial-hydration-performance)

Master the Gatsby Slice API for partial hydration and boost large site performance. Ship less JavaScript, reduce build times, and shrink bundle sizes with this powerful feature.

- Tags: how-to-guide
- Published: 2026-03-06

### [How to Configure Gatsby Adapters for Netlify, Vercel, and AWS Deployments](/gatsbyjs/gatsby/gatsby-adapters-for-deployment-targets)

Learn how to configure Gatsby adapters for seamless Netlify, Vercel, and AWS deployments. Gatsby adapters transform your site's output for zero-config platform-specific builds.

- Tags: how-to-guide
- Published: 2026-03-06

### [How the Gatsby Cache System Works: Build Performance Optimization Guide](/gatsbyjs/gatsby/gatsby-cache-system-and-build-performance-optimization)

Understand how Gatsby's cache system works and optimize build performance. Leverage LMDB and tune memory for faster builds.

- Tags: internals
- Published: 2026-03-06

### [How to Implement Server-Side Rendering (SSR) in Gatsby: Complete Guide with Trade-offs](/gatsbyjs/gatsby/gatsby-server-side-rendering-ssr-vs-ssg)

Implement Server-Side Rendering in Gatsby by exporting getServerData. Fetch fresh data on each request and stream HTML to the client. Understand Gatsby SSR trade-offs.

- Tags: tutorial
- Published: 2026-03-06

### [What is Deferred Static Generation (DSG) in Gatsby and When Should You Use It?](/gatsbyjs/gatsby/gatsby-deferred-static-generation-dsg-usage)

Learn about Gatsby Deferred Static Generation DSG and how it speeds up build times for large websites by generating content on first user request. Optimize your Gatsby site today.

- Tags: deep-dive
- Published: 2026-03-06

### [Gatsby Webpack Configuration: A Complete Guide to Customizing Your Build Pipeline](/gatsbyjs/gatsby/gatsby-webpack-configuration-customization)

Master Gatsby Webpack configuration for custom builds. Learn how to modify loaders, plugins, and optimization settings using the onCreateWebpackConfig API for your unique project needs.

- Tags: how-to-guide
- Published: 2026-03-06

### [How to Query Gatsby Nodes Using the Gatsby GraphQL Schema: A Complete Guide](/gatsbyjs/gatsby/gatsby-nodes-and-graphql-schema-querying)

Learn to query Gatsby nodes using the Gatsby GraphQL schema. Discover how to effectively access your site's data with our complete guide.

- Tags: how-to-guide
- Published: 2026-03-06

### [How to Optimize Images in Gatsby using gatsby-plugin-sharp: Complete Options Guide](/gatsbyjs/gatsby/gatsby-image-optimization-with-gatsby-plugin-sharp)

Optimize images in Gatsby with gatsby-plugin-sharp. Explore build-time options for format, quality, compression, and visual effects via GraphQL queries and gatsby-config.js.

- Tags: tutorial
- Published: 2026-03-06

### [How the Gatsby Build Process Works: A Deep Dive into createPages, sourceNodes, and onCreateNode](/gatsbyjs/gatsby/gatsby-build-process-and-apis-createpages-sourcenodes-oncreate-node)

Explore the Gatsby build process. Discover how sourceNodes, onCreateNode, and createPages APIs fetch, enrich, and route data to build static pages.

- Tags: deep-dive
- Published: 2026-03-06

### [How to Create a Custom Source Plugin in Gatsby to Pull Data from a CMS or API](/gatsbyjs/gatsby/how-to-create-custom-gatsby-source-plugin)

Learn to create a custom Gatsby source plugin to pull data from any CMS or API. Fetch data, create nodes, and integrate seamlessly with your Gatsby site for powerful data management.

- Tags: how-to-guide
- Published: 2026-03-06

### [Rendering Options in Gatsby: How to Choose Between SSG, DSG, and SSR](/gatsbyjs/gatsby/gatsby-rendering-options-ssg-dsg-ssr-choosing-the-right-one)

Master Gatsby rendering options SSG DSG and SSR. Learn how to choose the best strategy for each page to optimize performance and data freshness on your site.

- Tags: deep-dive
- Published: 2026-03-06

### [How Gatsby's GraphQL Data Layer Works: Static Queries vs Page Queries Explained](/gatsbyjs/gatsby/how-does-gatsby-graphql-data-layer-work-static-vs-page-queries)

Understand Gatsby's GraphQL data layer. Learn the difference between static queries and page queries and how they fetch data at build time for your site.

- Tags: deep-dive
- Published: 2026-03-06