Gatsby JS is named after Jay Gatsby, the main character in F. Scott Fitzgerald’s, 1925 best-selling novel, The Great Gatsby. Leonardo DiCaprio played Gatsby in the equally popular 2013 film of the same name, based on the novel. Literary and film references aside, Gatsby JS is an incredibly useful and popular framework, and one that is being used the world over to build everything from static landing pages to blogs and eCommerce websites.
What is Gatsby JS?
According to the Gatsby website, it’s “on a mission to make building websites fun”, and they’re aiming to make simple the hardest part of developing websites: “Performance. SEO. Security. Integrations. Accessibility.”
Similar to other open source frameworks, an individual developer is responsible for initially creating and launching it. In the case of Gatsby JS, the developer is Kyle Mathews, who’s now the founder of a company that supports the ongoing development of the framework (alongside open source, community-based contributions of course), creation of websites in the framework for clients, consultancy work, and cloud hosting services (Gatsby Cloud).
Gatsby Inc. now has a team of developers and other professionals supporting the creation of websites in the framework, and the work of this company directly benefits the evolution of the framework, it’s popularity, and involvement of the open source community.
Picture 1. What is Gatsby JS.
Whether through working with Gatsby Inc., or in-house or external developers creating websites using the framework, a growing list of impressive companies and brands have used it for web design purposes. Companies such as PayPal, SendGrid, IBM, Spotify and numerous others, have used the Gatsby JS development framework for website design and development.
Why developers use Gatsby JS technology?
It also benefits from having an active and engaged community of developers using it. From the perspective of developers wanting to use it, or companies getting websites built using this framework, that’s a definite advantage. This ensures that thousands of other developers around the world are creating websites using the framework.
An active open source framework means that if you encounter a problem, or need a specific feature, widget, or something a bit different, someone could have already created what you need and it could be accessible to the whole open source community. Hence the massive ecosystem of Plugins, Themes and Starters that you can benefit from. Or they’ve already overcome a problem you have encountered, and therefore the solution exists, making it easier for you to overcome the same problem too.
Picture 2. Advantages of Gatsby technology for developers.
What are the advantages of Gatsby JS?
Speed is so important in this day and age. Web visitors want and expect fast websites. It’s essential, and therefore mission critical for the success of any website. If a website doesn’t load in 3 seconds, 50% of website visitors will leave and almost certainly never come back.
Gatsby JS brings together static website (Progressive Web App) generation alongside incredibly fast and intelligent page rendering and generation. This ensures these websites are super fast and really smooth to use, from the perspective of web visitors.
Data. Gatsby JS comes with a data layer built on GraphQL, which means it’s easy to pull in and use data from a wide number of sources, and then have them rendered alongside one another. For example, content can be pulled together from a WordPress blog, a Shopify store, and JSON from a payment processor, all on a single website.
Scale and deploy easily too, with Gatsby Cloud. Or you can use other cloud and CDN providers, such as Cloudflare, AWS Cloudfront, Akamai, and Netlify. All of this ensures a website is launched with instant scalability, and speed, while also protecting sites from traffic spikes and server-side vulnerabilities.
With all of these advantages, it’s worth taking a look at the sort of websites that have been built using Gatsby JS, and other features and benefits from the ecosystem, in this showcase: https://www.gatsbyjs.com/showcase/
Picture 3. Benefits of Gatsby technology.
LaSoft: Your web and mobile development agency. We are a technology partner you can trust. Get more information today. LaSoft provides a wide range of services, including web and mobile development, product design, management and quality assurance.