Gatsby logo

Gatsby

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

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

Who uses Gatsby?

Companies
400 companies reportedly use Gatsby in their tech stacks, including Stack, Snapchat, and Tinder.

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

Gatsby Integrations

JavaScript, Google Analytics, React, WordPress, and ES6 are some of the popular tools that integrate with Gatsby. Here's a list of all 46 tools that integrate with Gatsby.
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

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 路 194.5K views

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 路 83K views

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 路 32.5K views

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
Kamil Debbagh
Kamil Debbagh
Product Manager at Wooclap | 6 upvotes 路 5.5K views
Shared insights
on
GatsbyGatsbyGoogle DocsGoogle Docs

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
Todd Gardner
Todd Gardner

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 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
1438 developers follow Gatsby to keep up with related blogs and decisions.
Kim Paulissen
adebowalea
Medhat Ezzat Gerges
asdf asdf
Sergii Shyran
Besart Zeka
Yuuki Miyoshi
Israel Dominguez
Manolo Aguilar
Colin Tracy