What is GatsbyJS?
Data is accessed using GraphQL query language to build its data layer. With GraphQL we have one access data model capable of querying a myriad of data sources from markdown files sitting on your local disk, to headless CMSs and external REST API endpoints. GraphQL is a rich tool and GatsbyJS takes advantage of this technology to collect data from multiple sources.
GatsbyJS is a popular framework which has a big open-source community behind it and it currently has a rich plugin ecosystem with over 2000 plugins so far that are ever increasing which gives it a rich functionality base. Some plugins including retrieving data from different sources, grab files from your hard drive or other sources, image processing and adding google analytics in a way that is none blocking and optimal.
GatsbyJS is really fast, efficient and optimal on performance and will score highly on performance analytical tools. The great thing about GatsbyJS is that performance isn’t something you have to work on, it comes out of the box when you setup a new GatsbyJS project as it has been built with performance in mind. Sites built in GatsbyJS are typically 2-3 times faster than similar types of sites as the framework takes care of the performance on its own.
It achieves this robust high performance by doing a number of techniques. It generates static html which enables content to be delivered to your browser promptly. There are no database lookups to do as it’s all done in build time instead of in runtime.
It also does inlined CSS which means it takes the critical parts of your CSS and moves it from an external stylesheet and into the head of the web page. This means that it’s generating less requests to the backend and the browser doesn’t have to wait for the external link to resolve before it can start rendering the layout.
SEO with GatsbyJS
Search Engine Optimisation is key for any business website or service. Increased visibility when people search for your products or services related to your business in search engines including Google, will attract new and existing customers to your business. GatsbyJS can help your site perform better and rank higher in search engines. We use GatsbyJS because it makes your site faster and more efficient for search engine crawlers to crawl your site and index pages. This enables your site to be closer to the top of the search results and increases the chances of potential clients visiting your site and engaging with your business.
What we can do with GatsbyJS
With GatsbyJS we can build an array of software apps including static sites, progressive web apps, static web apps and hybrid apps that are partly static and use hydration to bring in live data from external endpoints at runtime. So what does this mean? This means we can build you blogs, marketing sites, documentation sites and large scale web applications such as ecommerce sites to fit all client needs.
So to recap… why do we use GatsbyJS?