Gatsby logo

Gatsby

Free, open source framework for building blazing fast websites and apps with React
970
635
+ 1
52

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 40.6K GitHub stars and 6.8K GitHub forks. Here鈥檚 a link to Gatsby's open source repository on GitHub

Who uses Gatsby?

Companies
335 companies reportedly use Gatsby in their tech stacks, including Snapchat, FashionUnited, and Policygenius.

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

Gatsby Integrations

JavaScript, Google Analytics, WordPress, React, and Amazon S3 are some of the popular tools that integrate with Gatsby. Here's a list of all 46 tools that integrate with Gatsby.

Why developers like Gatsby?

Here鈥檚 a list of reasons why companies and developers use Gatsby
Gatsby Reviews

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

Johnny Bell
Johnny Bell
Senior Software Engineer at StackShare | 41 upvotes 218.8K views
Firebase
Firebase
React
React
Redux
Redux
styled-components
styled-components
Netlify
Netlify
Gatsby
Gatsby
GitHub
GitHub
#ReactRally
#Frontend
#Google

I was building a personal project that I needed to store items in a real time database. I am more comfortable with my Frontend skills than my backend so I didn't want to spend time building out anything in Ruby or Go.

I stumbled on Firebase by #Google, and it was really all I needed. It had realtime data, an area for storing file uploads and best of all for the amount of data I needed it was free!

I built out my application using tools I was familiar with, React for the framework, Redux.js to manage my state across components, and styled-components for the styling.

Now as this was a project I was just working on in my free time for fun I didn't really want to pay for hosting. I did some research and I found Netlify. I had actually seen them at #ReactRally the year before and deployed a Gatsby site to Netlify already.

Netlify was very easy to setup and link to my GitHub account you select a repo and pretty much with very little configuration you have a live site that will deploy every time you push to master.

With the selection of these tools I was able to build out my application, connect it to a realtime database, and deploy to a live environment all with $0 spent.

If you're looking to build out a small app I suggest giving these tools a go as you can get your idea out into the real world for absolutely no cost.

See more
Ronan Levesque
Ronan Levesque
Software engineer at Algolia | 14 upvotes 109.6K views
atAlgoliaAlgolia
Middleman
Middleman
Ruby
Ruby
Gatsby
Gatsby
React
React

A few months ago we decided to move our whole static website (www.algolia.com) to a new stack. At the time we were using a website generator called Middleman, written in Ruby. As a team of only front-end developers we didn't feel very comfortable with the language itself, and the time it took to build was not satisfying. We decided to move to Gatsby to take advantage of its use of React , as well as its incredibly high performances in terms of build and page rendering.

See more
Zarema Khalilova
Zarema Khalilova
Frontend Team Lead at Uploadcare | 8 upvotes 50.4K views
atUploadcareUploadcare
Django
Django
Node.js
Node.js
React
React
Gatsby
Gatsby
Netlify
Netlify
#Frontend
#StaticSiteGenerators
#StaticWebHosting

Since 2011 our frontend was in Django monolith. However, in 2016 we decide to separate #Frontend from Django for independent development and created the custom isomorphic app based on Node.js and React. Now we realized that not need all abilities of the server, and it is sufficient to generate a static site. Gatsby is suitable for our purposes. We can generate HTML from markdown and React views very simply. So, we are updating our frontend to Gatsby now, and maybe we will use Netlify for deployment soon. This will speed up the delivery of new features to production.

#StaticSiteGenerators #StaticWebHosting

See more
Osamah Aldoaiss
Osamah Aldoaiss
UI Engineer | Maker at Triad Apparel Inc. | 6 upvotes 15K views
atTriad Apparel Inc.Triad Apparel Inc.
Gatsby
Gatsby
Lighthouse
Lighthouse
React
React
GraphQL
GraphQL
Node.js
Node.js
ES6
ES6
JavaScript
JavaScript

Gatsby has been at the core of our Shop system since day one. It gives its User the power to create fast and performant sites out-of-the-box. You barely have to do anything to get great Lighthouse results. And it all runs on ES6 JavaScript.

The power of SSR React and then hydrating it client-side to add interactivity and App-like feel is what makes Gatsby powerful.

It comes with a ton of plugins, that are mind-boggling: Image Processing, GraphQL, Node.js, and so much more. This is thanks to a great ecosystem, a great user-base and the revolutionary Community work, which led to the Gatsby repo to be one of the most committed to, out there.

See more
Todd Gardner
Todd Gardner
President at TrackJS | 4 upvotes 103K views
atTrackJSTrackJS
Jekyll
Jekyll
GitHub Pages
GitHub Pages
ReadMe.io
ReadMe.io
Read the Docs
Read the Docs
Gatsby
Gatsby

We recently needed to rebuild our documentation site, currently built using Jekyll hosted on GitHub Pages. We wanted to update the content and refresh the style to make it easier to find answers.

We considered hosted services that could accept our markdown content, like ReadMe.io and Read the Docs, however both seemed expensive for essentially hosting the same platform we already had for free.

I also looked at the Gatsby Static Site generator to modernize Jekyll. I don't think this is a fit, as our documentation is relatively simple and relies heavily on Markdown. Jekyll excels at Markdown, while Gatsby seemed to struggle with it.

We chose to stick with the current platform and just refresh our template and style with some add-on JavaScript.

See more
Gatsby
Gatsby

I use Gatsby because it is the quickest way to mock out a project. For websites its the best thing out there. The failings of Gatsby are in web applications that have a great many items being moved in and out of the application all the time.

See more

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.
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.
Hexo
Hexo is a fast, simple and powerful blog framework. It parses your posts with Markdown or other render engine and generates static files with the beautiful theme. All of these just take seconds.
VuePress
A minimalistic static site generator with a Vue-powered theming system, and a default theme optimized for writing technical documentation. It was created to support the documentation needs of Vue's own sub projects.
See all alternatives

Gatsby's Followers
635 developers follow Gatsby to keep up with related blogs and decisions.
Andrico Karoulla
christophe LAZANTSY
Ross Hathaway
shubhro gupta
sylflo sylflo
Saiteja Gurijala
kobars
Jason Ruhlin
Marcus Francis
Taku Inoue