Gatsby logo

Gatsby

Free, open source framework for building blazing fast websites and apps with React
1.4K
1.1K
+ 1
59

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 43.1K GitHub stars and 7.6K GitHub forks. Here’s a link to Gatsby's open source repository on GitHub

Who uses Gatsby?

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

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

Gatsby Integrations

JavaScript, Google Analytics, React, WordPress, 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’s a list of reasons why companies and developers use Gatsby
Private Decisions at about Gatsby
Private to your company

Here are some stack decisions, common use cases and reviews by members of with Gatsby in their tech stack.

Johnny Bell
Johnny Bell
Senior Software Engineer at StackShare · | 58 upvotes · 550.2K 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
Gatsby
Gatsby

I use Gatsby because it cares about web performance so well that I can focus much more on what I'm building for my users

See more
Gatsby
Gatsby
Netlify
Netlify

Hello people,

Need help, i want to start full fledged blog. Planning to use Gatsby with Netlify.

Following are question which i need answer to: 1. Gatsby good option then other cms in term of seo, revenue via ads etc ? 2. What datasource to use to show post: Markdown ? Or DB via GraphQL 3. Long term with Gatsby is good ? In term of scaling ?

Thanks

See more
Michael Manges
Michael Manges
Frontend Developer · | 1 upvotes · 0 views
Gatsby
Gatsby

Static site generator used to build my website. Gatsby

See more
Gatsby
Gatsby

I use Gatsby because:

When starting out to build my website, I had clear requirements:

  • Should be able to write posts only in markdown.
  • Should be able to create interactive posts with widgets and D3/Vega visualisation.
  • Should be able to pull data from backend web-services.
  • Easy to manage and deploy

Gatsby ticked most except that it had higher learning curve especially when I wanted to add custom React components inside markdown (i.e Vega plots) or handle both Markdown and Javascript posts. It takes time if you want to do more than what is covered in their tutorials but I feel its worth it.

And, with MDX plugin that I am yet to try I see things getting even more cooler (i.e mixing JSX and Markdown).

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
Public Decisions about Gatsby

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 · | 58 upvotes · 550.2K 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 · | 18 upvotes · 162.8K 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 · 68.5K 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 · 25K 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 · 500.8K 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
Osamah Aldoaiss
Osamah Aldoaiss
UI Engineer | Maker at Triad Apparel Inc. · | 4 upvotes · 10.6K views
atTriad Apparel Inc.Triad Apparel Inc.
Shopify
Shopify
Gatsby
Gatsby
React
React
GraphQL
GraphQL

We use Shopify because it gives us a great way to manage our products and stock.

We mainly use Shopify as a Headless CMS for our Gatsby and React powered website. Fast responses from their GraphQL API is also a great accomplishment.

Last but not least, their Checkout Page UI is great and doesn't need any improvements from our side.

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
1058 developers follow Gatsby to keep up with related blogs and decisions.
Daniel Fernandes
형욱 최
Jonathan  castillo
Neil Jain
glapswidir
mrkepers1684
karanb1
Josh Harwood
Alessandro Di Candia
interactiveRob