{"data":{"site":{"siteMetadata":{"title":"Arun Elanthamil","subtitle":"Software developer(MERN), excited about new tech, interested in finding the roots, CLI > GUI, Books >> PDFs.","copyright":"© All rights reserved.","author":{"name":"Arun Elanthamil","twitter":"et_arun","github":"Et-008"},"disqusShortname":"","url":"https://et-008.in"}},"markdownRemark":{"id":"9f2f1de7-e56a-5c0f-ac49-d168c2af26af","html":"

I’m sure I’ll write a lot more interesting things in the future.

\n

Okay so what is gatsby? it’s a 1925 novel by American writer F. Scott Fitzgerald?
\nBut this awesome post here says otherwise.

\n
\n

Gatsby is a React-based open-source framework for creating websites and apps.\nIt’s great whether you’re building a portfolio site or blog, or a high-traffic e-commerce store or company homepage.

\n
\n

\n \n \n \n \n \n \n \n \n \n

\n

I use gatsby at work and i love it

\n
import { StaticQuery, graphql, Link } from 'gatsby'
\n
\n

Why did we choose gatsby, when going with Wordpress is so much simpler?

\n
\n
1. Needed a website and needed it real quick.\n2. It should be unique and theme matching to our company's brand.\n3. Developer friendly and performant out of the box.
\n

Three important points when you decide which way to go, especially when you like to build a brand from the ground up.

\n

Needless to say the abundance of support from the community, as react is the #1 favorite frontend framework that developers all around the world love.

\n

Is it really Blazing fast?

\n

As mentioned in their official site, “is it really that fast? 🤔“.

\n

I had the doubt, but i had to make sure myself and the results were amazing.

\n

Normally server-side-rendered sites are a little bit faster than conventional sites, but statically generated sites are even faster.

\n

All pages, templates and components are built, split and mapped during Build time, which i will be explaining later.

\n
- Gatsby provides a **Link** component, which you use on internal links.\n  It is optimized in a way to make route change look like magic.\n\n- It prefetches the linked page content on hover, no loading...\n  **out of the box support** just like that no configuration needed.
\n
\n

Event though these pages are seperate, once the homepage is loaded, react takes over and makes the static pages into a single app and makes it look flawless and smooth like a web app.

\n

It’s a little bit of this, little bit of that. Everything is starting to make sense now…

\n

But still what all can we do with this framework?

\n
                                       to be continued...
","fields":{"tagSlugs":["/tags/react/","/tags/learning-to-write/"],"slug":"/posts/new-to-gatsby/"},"frontmatter":{"title":"Gatsby - the go to SSG?","tags":["React","Learning to write"],"date":"2022-03-08T22:12:03.284Z","description":"Not sure what gatsby does or how it does it? join the club. I've been trying my best to learn the same thing for some time now, i've written what i know..."}}},"pageContext":{"slug":"/posts/new-to-gatsby/"}}