Real World Performance: lazy loading, optimizing media, faster analytics join us Wednesday
Gatsby is a free, open-source, modern website framework based on React to create and deploy websites or apps with ease. Create blazing fast, compelling apps and websites without needing to become a performance expert. Gatsby also has premium cloud service offerings for a monthly cost (more details below). Sign up for a free Gatsby Cloud account here.
Gatsby is a React-based front-end to a Contentful website that gives you performance out-of-the-box so you don’t have to worry about optimizing for speed. Gatsby is for the development team looking for performance optimization without the extra effort. It’s for the marketer who needs a fast, high-performing website that’s excellent with SEO, lead conversion, and ROI. It’s also for agencies that build websites for clients and need an optimized, repeatable, and reliable web tech stack that builds performance into every site.
Gatsby generates static HTML files, which is excellent for Search Engine Optimization, fast page load times, and security. However, producing static assets does not mean that your application is static. In fact, Gatsby is excellent for dynamic web applications as well. Use Gatsby for dynamic data, user authentication, e-commerce, and more. Examples of dynamic web apps built with Gatsby: Haptic Media for 3D product configuration (case study), Life Insurance Web App Fabric, and The Commonwealth Fund State Scorecard.
Gatsby works well for any website where performance matters. E-commerce, Fintech, marketing sites, blogs, portfolio sites, etc. Gatsby is excellent for teams that want to optimize their website for lead conversion, SEO, revenue, or ROI.
However, Gatsby may not be perfect for every use case. There are scenarios in which it may not make sense to use Gatsby (currently). Specifically:
Gatsby is open source and free. There is no cost to using Gatsby as the front-end to a Contentful website. However, Gatsby cloud service offerings include premium features such as Gatsby Preview (which allows content creators to see a preview of changes in context before going live) and Gatsby Builds (the fastest continuous deployment solution for Gatsby sites and apps). The Gatsby cloud offerings are designed for commercial businesses and agencies that build websites for clients. Gatsby Cloud has a free tier and starts at $99/month for larger sites.
The Gatsby + Contentful combination will really resonate with marketers, as it improves site speed and SEO performance, leading to a better customer experience and increased conversions. And from a technical perspective, it makes it easier for developers to get started with Contentful, to build a presentation layer and setup site previews for content review and tech QA. So everyone wins, developers and marketers alike — it helps resolve some of the challenges associated with going “headless”.
To get started with Gatsby, visit the ‘Get Started Guide’ at https://www.gatsbyjs.org/docs/. For demos, use the Gatsby starter. For Gatsby Cloud, sign up here and see pricing here. Customers already using Angular tend to have a very smooth transition to Gatsby. Consider recommending Contentful, Gatsby, and Netlify as this combo works very well and there are a lot of resources about this tech stack.
Reference the Gatsby Showcase to see the latest Gatsby websites.