Why Gatsby is framework of the future
Tags: javascript, gatsby, react
Published: 2021-08-07 13:49:09

As web developers, we are constantly looking for new technologies that are interesting and helpful in our projects. If you are in the web dev community for enough time you have heard about something called **Gatsby**. 
This article will introduce Gatsby and the reasons you should consider using it while making your next project. However, I am trying to make a series where we will try to make a simple application with Gatsby. So Here we go(in Mario voice).
<img width="100%" style="width:100%" src="https://media.giphy.com/media/q6U4fbreC4Neo/giphy.gif">
 Gatsby is an open-source static site generator that is based on JAMstack. Confused about what is a static generator and what do you mean by JAMstack, don’t worry about it check out these resources [Static Generator](https://www.gatsbyjs.com/docs/glossary/static-site-generator/) and [JAMstack](https://www.gatsbyjs.com/docs/glossary/jamstack/). So now will see some of the reasons why is it so famous.-

####1. The Speed: 
<img width="80%" style="width:80%" src="https://media.giphy.com/media/5xaOcLGDO1jxkpDIPYY/giphy.gif">
One of the things that always worries a web developer while using new technology is that its effect on performance. Here Gatsby comes into the picture. The websites built using Gatsby are 2-3 times faster than websites of similar types of sites. Do not believe me take a look at some of the real-world examples [here](https://www.gatsbyjs.com/showcase/).  The framework under the hood takes care of performance on its own, providing you with an opportunity to focus on more fun things. If you are interested in how Gatsby does this check [this](https://www.freecodecamp.org/news/how-gatsby-is-so-blazing-fast-c99a6f2d405e/).  

####2. Uses popular and widely used technology:
<img width="80%" style="width:80%" src="https://media.giphy.com/media/fwQwL5TuguDJ0HYdDM/giphy.gif">
Gatsby is based on everyone’s favourite framework React. I don’t think we need to introduce React here, if you have heard about Gatsby then there is a chance that you probably heard about React. Gatsby aims to behave like a regular React application and uses its components which you can reuse and share throughout your project.
Gatsby also uses GraphQL to build its data layer. GraphQL lets you query all necessary data from wherever you want: markdown files, databases, Storyblok, traditional CMSs like Drupal, and so on. If you are anything like me and never tried GraphQL before and planning on making regular API calls in components then trust me Gatsby will be a good reason to learn GraphQL. Using GraphQL with Gatsby makes the development easier.  

####3. Fun learning experience:
<img width="80%" style="width:80%" src="https://media.giphy.com/media/VbnUQpnihPSIgIXuZv/giphy.gif">
One of the hardest things while learning new technology is how much time is required to learn them accurately. However, in Gatsby’s case, it is based on some of the most popular technologies, so you don’t need to learn everything from base. Even if you have never learned technologies like React or GraphQL, Gatsby provides you perfect opportunity to learn and master them. Gatsby also has a well-written tutorial to get you started in no time [check it out](https://www.gatsbyjs.com/docs/tutorial/).

So this was an introduction to Gatsby. I am also learning Gatsby,  discovering new things about it every day and so far, I can say that everyone looking to become a good web developer should check out Gatsby.