Gatsby logo

Gatsby

Free, open source framework for building blazing fast websites and apps with React
3.3K
2.4K
+ 1
121

What is Gatsby?

Gatsby lets you build blazing fast sites with your data, whatever the source. Liberate your sites from legacy CMSs and fly into the future.
Gatsby is a tool in the Static Site Generators category of a tech stack.
Gatsby is an open source tool with 55K GitHub stars and 10.4K GitHub forks. Here’s a link to Gatsby's open source repository on GitHub

Who uses Gatsby?

Companies
495 companies reportedly use Gatsby in their tech stacks, including Snapchat, Tinder, and Revolut.

Developers
2300 developers on StackShare have stated that they use Gatsby.

Gatsby Integrations

JavaScript, React, Google Analytics, TypeScript, and WordPress are some of the popular tools that integrate with Gatsby. Here's a list of all 67 tools that integrate with Gatsby.
Pros of Gatsby
28
Generated websites are super fast
16
Fast
15
GraphQL
10
Progressive Web Apps generation
9
Easy to connect with lots of CMS via official plugins
9
Reusable components (React)
7
Allows to use markdown files as articles
5
Static-sites
5
All the benefits of a static website + React+GraphQL
5
Images
4
List of starters as base for new project
3
Easy to connect with Drupal via official plugin
3
Open source
1
Gitlab pages integration
1
Incremental Build
Decisions about Gatsby

Here are some stack decisions, common use cases and reviews by companies and developers who chose Gatsby in their tech stack.

Lucas Litton
Founder & CEO at Macombey · | 1 upvote · 27.6K views

Gatsby is a great site generator built on our ReactJS projects. We mostly chose Gatsby because of the need for a content management system and Gatsby works great with NetlifyCMS. We can build sites extremely quickly and meet deadlines by using Gatsby.

See more
Kamil Debbagh
Product Manager at Wooclap · | 8 upvotes · 111.5K views
Needs advice
on
ContentfulContentfulprismic.ioprismic.io
and
StrapiStrapi

Hi StackSharers, your help is dearly needed as we're making a move to which we will commit for the next few years.

Problem: As our Marketing team gets growing needs to publish content fast and autonomously, we're trying to add a CMS to our stack.

Specs:

  • This CMS should have fairly advanced marketing features: either natively built, and/or be open source, so we can either find third parties' plugins suiting our needs or build our own plugins homebrew.

  • "Advanced marketing features" like these: Non-devs should be able to handle content autonomously, Should have a non-dev friendly interface, should allow creating a library of reusable components/modules, should show the preview before publishing, should have a calendar with all publications, should show the history/tracking, should allow collaborating (Google Docs like), should display characters limit optimized for SEO.

Solution: We're considering an SSG + Headless CMS combination. We're fairly confident for the SSG (Gatsby), but we're still uncertain which CMS we should choose.

See more
Needs advice
on
GatsbyGatsbyNetlifyNetlify
and
StrapiStrapi

I was just hired to help an enterprise event production company with their web tools. Due to COVID they are streaming 100% online and need to make hundreds of mini-sites/small-scale apps for each event. They are currently using Squarespace and just making a sub-dir for each new event I i.e., our-squarespace-account/{some-awesome-stream}. This becomes a nightmare when there are several sub-events and events span several days etc.

I am trying to plan a service with the following: - Top level view of all sites we create - Ability to develop a new site locally and push up either to our domain or a custom domain - Each mini-site will be bespoke, but a CMS is needed for producers to edit content and change basic info - Some kind of interactivity and capture of email and name is a must (this can be a separate service) - Eventually, building a client dashboard for them to see statistics - Piecemeal rollout and development of these services

Currently, I have narrowed down using Gatsby as an ssg to make an event page (cloning from one of a few templates). Then I would customize and push it to a Netlify hosted site. I am running into problems with the structure. I want my company to be an umbrella site so we have a top-level view of every site we create, but each client only has access to a simple cms for their event. Content changes should be easy to make via a CMS.

I know this is a lot, so thanks in advance for the input!

See more
Needs advice
on
GatsbyGatsbyHugoHugo
and
Next.jsNext.js

Hi everyone, I'm trying to decide which front-end tool, that will likely use server-side rendering (SSR), in hopes it'll be faster. The end-user will upload a document and they see text output on their screen (like SaaS or microservice). I read that Gatsby can also do SSR. Also want to add a headless CMS that is easy to use.

Backend is in Go. Open to ideas. Thank you.

See more
Needs advice
on
GatsbyGatsbyNext.jsNext.js
and
React RouterReact Router

I'm creating a website with React in my free time, and this is my first time doing this. So far, I've worked with React and React Router, but migrating to Next.js or Gatsby would cover Routing and SEO, which I currently cannot work with. Most things I read say that Next.js is the best solution, but I am trying to decide whether it is worth the time and effort to recreate the site for SEO and speed purposes. Does anyone have suggestions?

See more
Othmane Agoulzi
Front-End Developer at Potfolio · | 4 upvotes · 20.2K views
Needs advice
on
FirebaseFirebaseGatsbyGatsby
and
Next.jsNext.js

I want to build a web app with Firebase, and I don't know what framework I use Gatsby or Next.js, I know gatsby but still didn't learn next.js, which one do you advise me to use.

See more

Blog Posts

GitNode.jsFirebase+5
7
2342

Gatsby Alternatives & Comparisons

What are some alternatives to Gatsby?
Hugo
Hugo is a static site generator written in Go. It is optimized for speed, easy use and configurability. Hugo takes a directory with content and templates and renders them into a full html website. Hugo makes use of markdown files with front matter for meta data.
Next.js
Next.js is a minimalistic framework for server-rendered React applications.
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
Jekyll
Think of Jekyll as a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories.
Create React App
Create React apps with no build configuration.
See all alternatives

Gatsby's Followers
2361 developers follow Gatsby to keep up with related blogs and decisions.