Powered by Gatsby

October 01, 2019

image

What is Gatsby ?

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. It is one of the greatest modern tools of the new frontend era. This website is built using Gatsby.

There are many tools out there to build a website, but why did I choose Gatsby ?

Speed ⚑️

We can pre-build pages and deploy them into a server. It will be ready to get delivered instantly to your users whenever they request for. Not all users are enjoying high speed connections, or browsing from a desktop. It’s important to make no assumptions, and serve the smallest and fastest site possible, to provide an optimal experience for wherever your users might be coming from.

Modern Tech Stack πŸ–₯

It is composed of modern web technologies. This site uses React βš›οΈ, Styled Components πŸ’…, GraphQL, Webpack πŸ—³ and more.

Scale and Maintenance πŸ‘¨πŸ»β€πŸ”§

Gatsby generates the site as static files which can be easily deployed on any web server inlcuding gh-pages. It is easy to deploy site on Netlify right from github on one click after making new commits. Adding content can be easily done by a non tech-savvy person also since it just about adding a markdown file.

PWA πŸ“±

Gatsby is designed to provide top-notch performance out of the box. It handles code splitting, code minification, and optimizations like pre-loading in the background, image processing, etc., so that the site you build is highly performant, without any kind of manual tuning. These performance features are a big part of supporting the progressive web app approach.

Community πŸ‘«πŸ‘¬

Gatsby has a big community of contributors. I see on their github organisation, there are more than 2000+ contributors helping with code, documentation and other things. There are hundreds of plugins that are ready to use.

Data Sources πŸ’Ύ

Gatsby is powered by GraphQL which helps in pulling the data from any various sources like APIs, databases, headless CMSs, file systems and more directly to build your site pages. This page is generated from markdown file.

This website is made of many reusable components. I'll share them on storybook shortly. 😎

This will be my home for next few years. πŸ