Gatsby logo

Gatsby

Free, open source framework for building blazing fast websites and apps with React
2.8K
2.3K
+ 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 54.2K GitHub stars and 10.5K GitHub forks. Here’s a link to Gatsby 's open source repository on GitHub

Who uses Gatsby?

Companies
491 companies reportedly use Gatsby in their tech stacks, including Snapchat , Tinder , and Atolye15 .

Developers
2204 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 62 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.

I have been building a website with Gatsby (for a small group of volunteers). I track it in GitHub and push it to Amazon S3 .

I am satisfied with it as a single user; however, I would like to get non-technical teammates to be able to post Markdown blog posts. I tried to teach them to add mdx files, git push, gastby build, and publish with gatsby-plugin-s3, but I am getting a fair amount of resistance :).

So I wonder if there are tools, preferably using Node.js , that allow multi-user blog authors a la wordpress, i.e. with an interface for non technical bloggers, but producing static/pre-rendered web pages.

(PS: I am considering having a node/express.js server where they could upload their mdx file and the server would re-build push and publish for them, without having them install anything, but I'd like to know if something already exists before jumping into this endeavor)

See more
Othmane Agoulzi
Front-End Developer at Potfolio · | 4 upvotes · 11.6K views

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
Needs advice
on
Gatsby Gatsby Hugo Hugo
and
Next.js Next.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

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

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
Kamil Debbagh
Product Manager at Wooclap · | 8 upvotes · 93.8K views

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

Blog Posts

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
2304 developers follow Gatsby to keep up with related blogs and decisions.