Gatsby is react based open source framework to create static websites and static web-apps. It is suitable if we are building portfolio sites or blogs or company home pages.
Why Gatsby ?
- It will build static sites that are Progressive Web Apps .
- It will follow the latest Web standards.
- Eco system.
- Gatsby sites are optimised and highly performant.
- It will allow us to work with ReactJs, Webpack, GraphQL, ES6+, Js, Css and CSS-in-JS.
I would like to add one more point i.e Building static sites with
react is not easy. Because if we take
create-react-app as an example it will focus more on Single Page Apps but for Routing, Seo, Performance and Optimisation we need to do lot of configuration which gatsby provide as default in starter’s.
which will help us to build reusable components and make things easier to maintain.
which will help to create minified and optimised bundles.
SCSS and CSS-in-JS
Resizing images based on devices.
600+ Gatsby plugins
There are lot of gatsby plugins available for
Supports react and npm packages
We can install any
npmpackage and can use it in the app.
Gatsby collects data from data sources and make it available via GraphQL. The data sources could be any thing
Gives Smoother experience to user
Gatsby will add smoothness to the app with its features and aims at full app like experience borrowing from PWA.