Gatsby.js integration in the Rootstack website

By lmartinez, 10 January, 2023

Challenge

 

Rootstack needed a technology that would allow it to replace a project that was no longer scalable and in which all implementations had to fulfill several functions. The team of experts decided to turn to Gatsby.js in order to fix it.

 

gatsbyjsSolution

 

Gatsby.js generates static sites, which is very beneficial when it comes to performance, the site has a fast load time due to this. Another benefit of this technology is SEO handling, no additional effort or integration with an additional library was needed to improve SEO.

 

Additionally, through Gatsby Cloud a fairly smooth development flow was achieved since it has an integration with the git repository of the Rootstack website.

 

 

Regarding the combination of Gatsby.js with other technologies, such as Drupal with which the Rootstack website was created, this is a technology that provides many plugins that serve to integrate with popular libraries, this is already an advantage. Many implementations of the web page are working thanks to these plugins, for example, the plugin that connects Gatsby.js with Drupal for the creation of dynamic pages.

 

Gatsby.js is a functional technology that has several benefits when working with it. Once the engineers got used to Gatsby.js it was easy to set up patterns and get it right, it offers a lot of pretty useful things that when combined you can have a scalable and maintainable project. After establishing all the bases, the rest of the development was based on creating simple components in ReactJS.

 

Gatsby.js

 

GatsbyJS is a tool that can be used to create static sites that are progressive web applications, following the latest web standards and optimized for high performance. It makes use of the latest and most popular technologies, including ReactJS, Webpack, GraphQL, modern ES6 + JavaScript, and CSS.

 

In this way, Rootstack's expert engineers were able to integrate Gatsby.js and all its plugins to the company's official website and thus have all the benefits of this versatile open source technology.

 

Content
Testimony
Author Role
CFO
Author
Construction company
Quote

“Mastering business data is key to defining strategies that have an impact. By working with Rootstack, we were able to take control of our data and purposefully analyze it to help us move in the right direction."

Author Role
CTO
Author
Financial institution
Quote

“Working with Rootstack has been a wonderful experience. They have really helped us improve the design and performance of our site, which has allowed our business to grow and stand out in the online world"

Title
Our clients speak: Their experiences with our team
Subtitle
Gain valuable insights into the experiences of our clients through their testimonials. Explore firsthand accounts of how our solutions have made a positive impact on their businesses.
With title
Off
Title
See some of our success stories!
Text Alignment
Left
Text Color
Dark Indigo
Items Alignment
Center
View
Success Stories
Item style
Success Story Card
Show Filters
No
Margin
With Margin vertical
With Background
Off
Variant
Modern variant
Title
Software services to accelerate your project vision
Text Alignment
Center
Text Color
Dark Indigo
Items Alignment
Center
View
Services
Item style
Service Card
Show Filters
No
Margin
With Margin vertical
With Background
Off
Variant
Modern variant
PDF Document
Weight
0
Image
gatsby
Hero
Title
Gatsby.js integration in the Rootstack website
Image
Image
Rootstack
Description

Rootstack integrated the Gatsby.js technology to the company's official page,

thus having all its tools and functions.

 

Text Color
Dark Indigo
Text Alignment
Left
Size
Medium
Overlay effect
Hide overlay effect
Banner
Description

Rootstack

 

Rootstack is a high-quality technology and software outsourcing services agency where outstanding digital experiences are created together with a team of expert engineers and creatives. The agency has worked for companies of all sizes in Latin America, the United States and Canada, such as Hyundai, Caterpillar, Heineken, WPP, Global Bank and The Vitamin Shoppe.


 

 

Style
Title & Description & Media
Image position
Right
With Background
No
Text Alignment
Left
Variant
Default