Articles

gatsby Article

Introducing the Winners of the 2021 CMS Critic's Choice Awards

cms-critic-staff

Featured image of the 2021 CMS Critic Critic's Choice Awards badge with text that reads "2021 WInners"

Top JAMstack Static Site Generators for 2021

paris-tuzun

While the typical fanfare of a Las Vegas convention has been on a losing streak in the age of Covid, virtual events have emerged as a winning surrogate – especially for software companies looking to cultivate their user communities and make big announcements.
That was the case last week at <a href="https://gatsbyconf.com/">GatsbyConf 2021</a>, a free two-day meeting held by <a href="https://www.gatsbyjs.com/">Gatsby</a>. While the biggest news on the table was the unveiling of <a href="https://gatsbyjs.com/docs/reference/release-notes/v3.0">Gatsby v3.0</a>, our editorial team sat through a number of sessions, and we’ll cover some of the high points in this article.
Pandemic travel blues aside, the creators of the open-source JavaScript website framework <a href="https://github.com/gatsbyjs/gatsby">GatsbyJS</a> have been on a meteoric rise – <a href="https://www.gatsbyjs.com/blog/2020-05-27-announcing-series-b-funding/">raising $28 million</a> in Series B funding in 2020. This investment has certainly helped fuel their growth, but Gatsby’s thriving community of users is what's helping to shape their future.
What was clear during GatsbyConf is that Gatsby is listening to their base. This is reflected in the newly released v3.0, which sports several new features users have been pining for. This includes incremental builds for faster deployment and new image optimization capabilities that improve website speed and performance.
But that’s not all. Gatsby also announced the addition of <a href="https://www.gatsbyjs.com/products/cloud/hosting/">Gatsby Hosting</a> to its <a href="https://www.gatsbyjs.com/cloud/">Gatsby Cloud</a>, offering a true, end-to-end platform. Now, users can build websites and fully deploy on Gatsby Cloud – complete with a CDN – all without having to rely on a third-party provider.
<h3>The static site revolution</h3>
A bit of backdrop always helps – and with Gatsby, that backdrop is short. And on fire.
GatsbyJS was born in 2015 with a simple mission: make it easy for users to create a website with <a href="https://reactjs.org/">React</a>, a Javascript library for building user interfaces. In just a few short years, the platform has seen tens of thousands of developers flock to their open-source community, leveraging Gatsby as the go-to static site generator for creating a wide range of web experiences – from basic blogs to rich e-Commerce applications.
Gatsby’s React-based framework is built on the <a href="https://bejamas.io/blog/jamstack/?utm_source=thenewstack&amp;utm_medium=website&amp;utm_campaign=platform">JAMstack</a> (Javascript, APIs, and markup) and leverages a number of modern web technologies such as GraphQL. As a static site generator, Gatsby uses static files to build websites in the browser – not on the server – as a user enters each page.
By abstracting the database from the equation, Gatsby provides a lightweight website that takes less time to build and maintain – and delivers a lightning-fast load. With speed becoming one of the most important measures for a website’s performance, Gatsby has been powering websites with a competitive edge that reduces bounce rates while improving the overall customer experience.
<h3>Unifying developers and marketers</h3>
The battle between developers and marketers has been waged since the dawn of the modern web. Regularly at odds, Gatsby is focused on uniting the disparate realms – and this was the subject of several discussions during the conference.
"Our mission is to raise the quality of websites and the web by providing developers and marketers with the best tools,” said the Gatsby CEO Kyle Mathews. “We believe that great user experience depends on developers and marketers having great tools and workflows to rapidly collaborate on improving the user experience”
At GatsbyConf, there was talk about rich web experiences being the new norm and how teams of marketers, designers, and developers need to work both quickly and collaboratively to create websites that have great content – but also perform at the highest levels.
"It is not just developers who are building sites,” said Dustin Shau, VP of Product at Gatsby. “The interplay between developers and marketers is a key one to keep top of mind, and this is squarely the challenge we are trying to solve with Gatsby.”
<h3>A new era for headless CMS</h3>
To power the front end, Gatsby’s static websites rely on headless CMS platforms to manage content – providing the perfect marriage of lightweight frontend and backend capabilities.
For the unindoctrinated, a headless CMS is a backend-only content management system that behaves more like a content repository. It allows users to author content without being tied to a specific output – like, say, a rendered web page. Instead, it decouples the “head” and allows the CMS to display content on any device or presentation layer via API. This includes static site generators like Gatsby.
This blend of technologies gives developers the ability to create and deploy faster with incremental builds and collaborate on code. Meanwhile, marketers can use a headless CMS to make content edits, preview their changes, share them with their colleagues for feedback and publish when approved – all while gaming the speed and power of a static frontend.
As the landscape of headless and decoupled CMS players continues to expand, so too have the opportunities for Gatsby. They offer support for a number of <a href="https://www.gatsbyjs.com/docs/how-to/sourcing-data/headless-cms/">headless CMS services</a>, including <a href="https://ghost.org/pricing/">Ghost</a> and <a href="https://prismic.io/">Prismic</a> – and now feature a <a href="https://www.gatsbyjs.com/plugins/gatsby-source-wordpress/">WordPress Source plugin</a>.
On the e-Commerce side, Gatsby also has a <a href="https://www.gatsbyjs.com/plugins/gatsby-source-shopify/">Shopify Source Plugin</a> for pulling data into Gatsby from Shopify stores using the <a href="https://shopify.dev/docs/storefront-api">Shopify Storefront API</a>.
Back in October, Gatsby also <a href="https://www.cmscritic.com/contentstack-and-gatsby-announce-partnership-to-power-ultra-fast-websites-with-headless-cms/">partnered with Contentstack</a>, a market-leading headless Content Experience Platform. The co-mingling enabled Contentstack to offer blazing-fast websites and applications on their CMS platform while allowing organizations to better unify their marketing and development teams through the unique collaboration.
<h3>Highlights from GatsbyConf 2021</h3>
With Gatsby v3.0 taking up most of the air, here are some of the big-ticket features that were covered during the event:
<ul>
<li>80% speed improvement in local development experience via incremental builds: Gatsby v3.0 uses incremental builds – meaning every time a site is changed, Gatsby only re-builds the parts that have been updated as opposed to the entire site. Waiting for every image and page to be processed in the development session made the building process more laborious, especially for large, media-rich websites.</li>
</ul>
<figure class="kg-card kg-image-card"><img style="max-width:700px" src="https://cmscritic.com/ms-content/uploads/2021/03/incremental-build.jpg" alt="gatsby incremental build diagram" /></figure>
<ul>
<li>Intelligent caching in the Gatsby Cloud: Together with incremental builds, Gatsby Cloud uses intelligent caching and a real-time edge network to dramatically reduce the time spent waiting for deployments.</li>
<li>Better performance and a higher Lighthouse score: Websites built with Gatsby already have a solid reputation for being fast – and it’s mostly due to Gatsby’s image optimization feature. With v3.0, Gatsby graduated the <a href="https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-plugin-image/">gatsby-plugin-image</a> feature from BETA to general availability. The plugin takes advantage of the latest improvements in browser technology and image file formats. The API is also simpler and easier to learn, which streamlines the entire process.</li>
<li>Gatsby Hosting: After listening to user feedback on incremental builds in Gatsby Cloud, it was clear there was a bottleneck for publishing updates. With <a href="https://www.gatsbyjs.com/blog/introducing-gatsby-cloud-hosting">Gatsby Hosting</a>, this problem is all but resolved. By partnering with <a href="https://www.fastly.com/">Fastly</a>, a content delivery network (CDN) provider turned edge cloud company, Gatsby added a secure global CDN that both accelerates deployment time and content serving to customers.</li>
<li>Additional developer and admin features: Gatsby also added tools and resources in Gatsby Cloud to make managing websites even easier, including custom domains, SSL certificates, and Workspaces.</li>
<li>Upgrades to core dependencies: Last but not least, Gatsby bumped their core dependencies to the latest stable versions, including Node 12, Webpack 5, React 17, GrapQL 15, and ESLint 7. These upgrades will eliminate bugs that people may encounter with older versions and unlock new features Gatsby can leverage in future updates.</li>
</ul>
It’s worth noting Gatsby’s choice of GraphQL, which is typically used by large-scale enterprise CMS and DXP platforms. Most recently, <a href="https://www.cmscritic.com/adobe-experience-cloud-adds-new-headless-cms-capabilities-updates-to-commerce-integration/">Adobe added GraphQL for headless content delivery</a>. GraphQL might be seen as “overkill” for Gatsby, but using GraphQL makes it much easier to see where data is coming from – and how to change it.
<h3>What’s next for Gatsby?</h3>
As CEO Kyle Mathews noted, great user experience depends on both developers and marketers having great tools – and the ability to collaborate and ideate quickly.
While GatsbyConf 2021 was a springboard for highlighting their latest accomplishments, it’s clear that one of Gatsby’s strongest assets is their community of users – and this includes both developers and marketers. By listening and engaging, they’ve been able to focus their improvements on key areas that will have a real impact on customer satisfaction.
The JAMstack is getting jam-packed with static site generators, including <a href="https://nextjs.org/">Next.js</a>, <a href="https://gohugo.io/">Hugo</a>, <a href="https://jekyllrb.com/">Jekyll</a>, and others – many of which are deployable to <a href="https://www.netlify.com/">Netlify</a> and instantly connectable to Github. As these competitors build niche communities of developers, service may become one of the key differentiators for Gatsby. They have already demonstrated their commitment to listening to the voice of the customer – and this will serve them well in the future.
If you haven’t tried out Gatsby yet, you can <a href="https://www.gatsbyjs.com/get-started/">sign up for free</a>. If you’re wondering how to upgrade from v2 to v3, Gatsby also provides a <a href="https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3">v2 to v3 migration guide</a>.
<h3>About Gatsby</h3>
Gatsby, Inc. is the creator of GatsbyJS, the leading JAMstack frontend framework and static site generator for React. GatsbyJS enables organizations to build highly performant, secure websites that can integrate data from multiple content management systems and other end points using its unique content hub architecture. Gatsby offers <a href="https://www.globenewswire.com/Tracker?data=QsxpV3REm_gUHc0XrS8P_S-GvX_OgybDXJdd8yqDpE6HOXoszjUf6SoxitACU4HmmFrtFAS_DBY1k8pbTdmgW0fP3gVcsP5YSO9k4jwpMOU=">Gatsby Cloud</a>, a turnkey SaaS solution for building, previewing, deploying and managing Gatsby-based websites plus support and professional services to help organizations build modern websites. GatsbyJS is used in industries including financial services, retail, ecommerce, hospitality, SaaS and gaming by companies, including Venmo, Little Caesars, Braun, Raleigh, Quip, Figma, Meetup, Headspace, Draft Kings and Nintendo. Gatsby, Inc. is funded by Index Ventures, CRV and Trinity Ventures. Visit <a href="https://www.globenewswire.com/Tracker?data=bdzydamtROY_gZXyiFdp7LM7Gh5xQZSp3EzX2cCGHcES9KWcf2X2nnmDE7YpGur-e7ZLlbuQcQcYsXePXH0Ihg==">www.gatsbyjs.com</a> to learn more.

Gatsby Unveils v3.0, Cloud Hosting, and More at GatsbyConf 2021

When it comes to content management systems, there's one platform that makes headless "like butter."
Of course, we're talking about <a href="https://www.cmscritic.com/dynamic-landing-pages-with-components-and-buttercms/" target="_blank">ButterCMS</a>, an aptly-named brand that's been making solid gains over the years, particularly around the rise in popularity of <a href="https://www.cmscritic.com/top-jamstack-static-site-generators-for-2021/" target="_blank">JAMstack</a> and MACH-related microservices. The platform powers static site generators like <a href="https://www.cmscritic.com/gatsby-unveils-v3-0-cloud-hosting-and-more-at-gatsbyconf-2021/" target="_blank">Gatsby</a>, for example – and makes it incredibly easy to connect their CMS to a fast, secure, high-performing frontend site.
Recently, the company announced some slick new additions to its <a href="https://buttercms.com/features/#fastcontentupdate-localization" target="_blank">content localization capabilities</a> that aim to simplify the workflow, allowing users to translate content to any language right within the Butter UI.
Not to spread it on too thickly (pun intended), but this is exactly the kind of feature that CMS platforms need to serve global initiatives. The new functionality empowers international teams collaborating on projects to access information and quickly translate it for their specific region – all with just a few clicks. It also prevents any duplication of effort, allowing projects to be completed faster and more efficiently.
We've got more details below, but we'll butter you up with a little something extra: a brief Q&amp;A with <a href="https://www.linkedin.com/in/lumetta/" target="_blank">Butter's CEO, Jake Lumetta</a>. Read what the company's founder had to say about their new localization capabilities, composable CMS, <a href="https://www.cmscritic.com/top-jamstack-static-site-generators-for-2021/" target="_blank">JAMstack</a>, and the <a href="https://www.cmscritic.com/top-free-headless-cms-platforms/" target="_blank">headless</a> frontier. So grab your toast and dig in.
<h2>A new tool for clients with international teams and topics</h2>
There's no question that the Covid-19 pandemic has exacerbated the <a href="https://www.forbes.com/sites/carolinecastrillon/2021/12/27/this-is-the-future-of-remote-work-in-2021/?sh=6f9e6f441e1d" target="_blank">growth of remote work</a> – and consequently, the rise of remote teams. This has been felt on a local level, but international teams have been working from a distance for quite some time.
According to Butter, companies with growing international interests need products that make working with their remote teams easy and effective. As such, their new localization enhancements are targeted at taking the work out of managing distributed teams, specifically marketers and translators across the globe.
The expanded set of features is a big leap forward in both speed and convenience for ButterCMS customers, giving them the option to import content in English – or any other language – as a base template to work from for any project. Once this base version is created, individual users can then copy that content and translate it for any region using simple features in the navigation menu.
<h2>Butter CMS localization: process and options</h2>
On a more granular level, the process of importing and translating content in ButterCMS is designed to be very intuitive. For example, when modifying content for a specific region, a user can select “Copy From” in the menu, and import existing content from any other locale. There's also a scrollable drop-down menu that includes all the languages that have been configured in a user's account, making it easy to select options on the fly.
After the base content has been imported, the content can be translated manually by local experts, via API by Google, or through another third-party service of your choice. Another point of convenience: regions that have already been translated are highlighted for quick recognition.
<img style="max-width:706px" src="https://cmscritic.com/ms-content/uploads/2021/09/image001.jpg" alt="localization settings - languages dropdown" />
There's no limit to the number of languages you can support. That means your team members from any corner of the world can translate content to accommodate local languages and meet cultural-specific content requirements.
From a permissions perspective, another new feature is the ability to <a href="https://buttercms.com/kb/enabling-localization-and-creating-localized-content" target="_blank">control editing privileges</a> for various regions at the user level, allowing teams on the ButterCMS Enterprise plan to ensure that only approved members in a designated region can make changes to their specified content. This feature streamlines the interface for international teams, minimizes confusion, and prevents unauthorized changes.
<img style="max-width:502px" src="https://cmscritic.com/ms-content/uploads/2021/09/image003.gif" alt="locale access checkboxes" />
<h2>Additional CMS features and updates</h2>
For Butter, "convenience" has always been a key attribute. Their interface is familiar and intuitive, making it easy to learn and use. Along these lines, they've made several recent updates that improve the content production process – making it more flexible and less time-consuming.
For example, there’s a new <a href="https://buttercms.com/features/#fastcontentupdate-preview-changes" target="_blank">resizable preview panel</a> that lets users preview live content inside the same window where they are currently editing. You can also use the same click-and-drag functionality to control the size of the API explorer window. This prevents the hassle of toggling back and forth between windows while working.
<img style="max-width:600px" src="https://cmscritic.com/ms-content/uploads/2021/09/image004.gif" alt="Resizable review panel" />
<a href="https://buttercms.com/features/#flexiblecontentmodeling-components" target="_blank">Reusable components</a> help keep the development process as simple as possible with a unique component picker tool, allowing marketers to build dynamic landing pages using pre-defined, pre-styled components. It’s a powerful feature for building dynamic landing pages without relying on a developer.
Another is Butter’s pre-configured <a href="https://buttercms.com/features/#flexiblecontentmodeling-blog-engine" target="_blank">blog engine</a>, which makes it really easy to add an SEO-friendly blog to an existing website or app. It supports all of the popular frontend frameworks, with drop-in SDKs for any language.
Users can also take advantage of Butter's native <a href="https://buttercms.com/features/#medialibrary" target="_blank">Media Library</a> to host all the files necessary for a blog, app, or website. The Media Library can hold images, videos, audio files, PDFs, and more – and all files are distributed securely via <a href="https://aws.amazon.com/cloudfront/" target="_blank">Amazon CloudFront’s CDN</a>.
<h2>Summary and pricing</h2>
ButterCMS has just upped its game with some great content localization enhancements. Whether you’re managing content for a mobile app, a hybrid web app, a static site, or just a blog, the platform provides an array of tools and features to improve your development and marketing efforts.
When it comes to pricing, there are several <a href="https://buttercms.com/pricing/" target="_blank">plans</a> available that meet the needs of everyone – from freelancers and startups to enterprises and agencies – and can be scaled as your organization grows.
<h2>Q&amp;A with Jake Lumetta, CEO and founder of ButterCMS</h2>
CMS Critic had a chance to connect with Butter's CEO and founder, Jake Lumetta. We asked about their growth opportunities, composable and reusable CMS trends, and what makes their headless CMS stand out in the crowd.
<hr />
CMS Critic (CC): With localization being such a key focus in your recent update, it seems fair to say that ButterCMS is growing globally. What are your core markets? Where are you seeing the most growth internationally?
Jake Lumetta (JL): Butter has customers around the globe and in every vertical you can imagine.  If you need to manage content for a modern, highly performant application, then Butter is a great fit for your team. We've seen amazing growth in e-commerce, marketplaces, SaaS, e-learning, and financial services.
CC: Composable and reusable components are becoming essential to a CMS. Can you tell us more about your component strategy? What aspects are low code/no code? And how customizable is the framework?
JL: We heard early on from our customers that they wanted to build with components in Butter.  We built a field type called Components which enables our users to group related fields together in an intuitive way. A simple example might be an SEO component that contains all SEO meta information you might want to control for a page.  Butter Components work nicely alongside the concept of reusable components for your Front-end.  Design and marketing can work hand in hand to determine and build out beautiful and customizable experiences using Butter Components. We've made using Components really intuitive for non-developer users with another concept called a Component Picker as well. This allows any marketers to build out a custom, unique page or section of a website or mobile app using any components that they need.
CC: Headless is fast becoming the focus of the CMS market. What would you say is Butter’s most unique advantage when considered against the landscape of options – particularly those that are growing rapidly in the JAMstack?
JL: One of Butter's unique advantages is our laser focus on superior customer support and experience. Our customers want to get their hands on the product and quickly get a proof of concept running with their preferred tech, and we allow every person to easily do that. Our Customer Success team aims to promptly support all folks at any stage of using Butter. We provide resources for learning, using, and scaling the use of Butter so that people can answer their own questions quickly. Our product is also simply more intuitive than most on the market – for both developers with our straightforward API and for marketers with our intuitive and clean interface.
<h2>About ButterCMS</h2>
ButterCMS offers a modern content management solution that helps companies across several markets tackle projects and manage content with ease. Their API-driven headless CMS has enjoyed strong success in several verticals, including e-commerce, agencies, SaaS, and marketplaces. Butter offers extensive documentation and a convenient API explorer interface for quick and painless integration with any application or website. If you need additional help, they offer live, personalized support for all clients.

New Content Localization Capabilities from ButterCMS: Q&A with CEO Jake Lumetta

<a href="https://www.netlify.com/" target="_blank">Netlify</a> has netted another competitive catch.
The leading web development platform announced today that it has acquired Gatsby Inc., provider of an advanced cloud platform for web delivery and content orchestration. It's also the company behind the popular open source framework <a href="https://www.gatsbyjs.org/" target="_blank">Gatsby</a>, a static site generator built on top of Node.js using React and <a href="https://graphql.org/" target="_blank">GraphQL</a>.
The San Francisco-based startup has been something of a wunderkind in the <a href="https://www.cmscritic.com/top-jamstack-static-site-generators-for-2021/">Jamstack</a> space and the toast of the <a href="https://www.cmscritic.com/top-free-headless-cms-platforms/">headless CMS</a> community. In addition to a strong initial round of funding, Gatsby most recently closed on a <a href="https://www.gatsbyjs.com/blog/2020-05-27-announcing-series-b-funding/" target="_blank">$28 million Series B</a> in 2020 to grow its offerings. That said, Gatsby has been trailing behind its larger former rival, which pioneered the space and has been doubling down on composable – as signaled by its membership in the <a href="https://www.cmscritic.com/the-future-is-composable-a-conversation-with-new-mach-alliance-president-casper-rasmussen/">MACH Alliance</a>. 
The acquisition of Gatsby is Netlify’s latest move to support its vision of empowering developers at companies such as <a href="https://www.cmscritic.com/twilio-acquires-segment-for-3-2b-adds-market-leading-cdp-for-building-data-driven-apps/">Twilio</a>, Mattel, and Verizon to build a better web and comes on the heels of surpassing 3M+ developers on the Netlify platform.
“The future of the web is composable architectures," said <a href="https://www.linkedin.com/in/mathias-biilmann-christensen-a5a3805/" target="_blank">Matt Biilmann</a>, CEO of Netlify. "The acquisition of Gatsby not only accelerates our product roadmap, but more importantly, allows us to provide developers with increased flexibility and choice in building composable web experiences. We’re excited to integrate Gatsby’s cloud innovations into the Netlify platform and open up Gatsby’s content hub and source plugin ecosystem to the diverse world of modern frontend frameworks like Astro, Next, and Remix.”
<h2>The rise of "The Great Gatsby"</h2>
Gatsby first became known for its high-performance, open source, frontend framework that featured a powerful data layer and an ecosystem of high-quality content management system (CMS) plugins. On top of the framework, Gatsby built a cloud platform for building, deploying, and previewing large enterprise content sites and has since been growing revenue at more than 100% year-over-year.
To keep the power in the hands of developers and honor its deep roots in open source, Netlify is committed to being good stewards of the Gatsby open-source project, and the maintainers will join the open source group together with the creators of frameworks like Solid JS and <a href="https://www.cmscritic.com/top-jamstack-static-site-generators-for-2021/">Eleventy</a>.
Gatsby’s source plugin ecosystem – originally targeted primarily to content management systems – is also accessible to any data source that exposes an API (such as e-commerce systems like <a href="https://www.cmscritic.com/cms-monthly-recap-shopify-invests-in-sanity-dotcms-updates-content-authoring-experience-wp-engine-acquires-plugins-and-more/">Shopify</a>), enabling teams to easily adopt composable architectures without having to write glue code. The company has been working closely with partners and enterprise customers to deliver the new <a href="https://www.gatsbyjs.com/products/valhalla-content-hub/" target="_blank">Valhalla Content Hub</a>, which builds upon their data layer and delivers a hosted, fault-tolerant, edge-first <a href="https://graphql.org/" target="_blank">GraphQL API</a>.
“After years of partnering with Netlify, we are thrilled to join forces,” said <a href="https://www.linkedin.com/in/zurlocker/" target="_blank">Zack Urlocker</a>, CEO of Gatsby. “We share a belief in the future of composable architecture, and together, we will better be able to bring our cloud solution to enterprise teams and accelerate the adoption of composable.”
<h2>Additional Resources</h2>
<ul>
<li><a href="https://www.netlify.com/enterprise/" target="_blank">Netlify for enterprises</a></li>
<li><a href="https://www.netlify.com/careers/" target="_blank">Learn about careers at Netlify</a></li>
<li><a href="https://www.netlify.com/jamstack/" target="_blank">Learn about Jamstack</a></li>
</ul>
<h2>About Netlify</h2>
Netlify is the platform your developers love for building highly-performant and dynamic websites, e-commerce stores and web apps. By uniting an extensive ecosystem of technologies, services and APIs into one workflow, Netlify unlocks new levels of team productivity, while saving time and money. As pioneers of the Jamstack movement, Netlify brings together all modern web frameworks, serverless functions and edge computing into one platform to deliver unmatched user experiences. Millions of developers and businesses build with Netlify, from Fortune 500 companies like Unilever and Verizon to companies changing our digital experiences like Peloton and Twilio. Get started for free at <a href="https://www.netlify.com/enterprise/" target="_blank">netlify.com</a>.
<h2>About Gatsby</h2>
Gatsby is a web development framework that brings together all the best, modern ways to build on the web. Specifically designed to help frontend engineers leverage the advantages of cloud native architecture, Gatsby provides the most collaborative, secure, and performant way to build websites with access to a broad ecosystem of tools and enhancements via easy to setup integrations. Used by Fortune 500 companies including ButcherBox, Capital One, DraftKings, IBM, and Impossible Foods, the company is backed by Index Ventures, CRV, Trinity Ventures, Dig Ventures, Mango Capital, Fathom Capital, and prominent angel investors.

Netlify Acquires Gatsby, Aims to Accelerate Adoption of Composable Web Architectures

Contentstack, a headless Content Experience Platform (CXP), has <a href="https://www.contentstack.com/company/press/partnership-with-gatsby-to-build-fast-enterprise-mach-enabled-websites">announced</a> a strategic partnership with Gatsby – a modern React-based, open source framework for creating high-performance websites and applications. The partnership will enable customers to leverage the combined power of both platforms to build high performance, blazing-fast websites to deliver personalized, omnichannel experiences at scale.
The partnership between Gatsby and Contentstack is the latest in a year of significant moves across the CMS landscape, including the <a href="/episerver-to-acquire-optimizely-the-worlds-leading-experience-optimization-platform/">recent purchase of Optimizely by Episerver</a>. As competition continues to increase, platforms are seeking more strategic avenues – including partnerships – to position their offerings.
For Contentstack, Gatsby represents a powerful channel of opportunity for accelerating website performance with a headless CMS that is purpose-built for omnichannel experiences. The partnership offers an enterprise-class, cloud-native solution to provide the best possible speed, security and flexibility for creating digital experiences.
<h3 id="going-headless">Going Headless</h3>
Over the last few years, headless CMS platforms have become far more prevalent, evolving from template-based platforms to API-driven and decoupled systems. Unlike traditional content management systems where the content is tied to the frontend, headless CMS platforms separate the content from the presentation – allowing creators to pull, store, and display their content any way they want, using the frameworks or programming languages they prefer.
As an API-first headless SaaS platform, <a href="/contentstack-introducing-headless-cms/">Contentstack</a> is at the intersection of content management and digital experiences, enabling business and IT to “remove the silos” and more easily collaborate. Their microservices architecture provides an extensible framework for scaling across endpoints, from websites to devices to frontend apps, giving content creators more control over an expanding world of channels and services.
Gatsby also takes a headless approach to content, leveraging modern web technologies such as React, GraphQL, and Javascript to provide a faster frontend experience powered by a headless CMS. The result is a dynamic, lightweight website that improves the user experience without compromising control from the CMS layer.  
"In today's digital world, speed matters – losing customers to a slow, low-performing website is not acceptable," said Peter Fogelsanger, Global Head of Partnerships at Contentstack. "Ensuring that the storytelling from the content creators is delivered to customers quickly and seamlessly is critical to every company's success. This partnership with Gatsby makes it possible. Businesses can bring together their marketing and development teams to deliver blazing fast websites and applications with the best, most up-to-date digital content for their customers."
Together, Contentstack and Gatsby are providing a complete solution for improving website performance and unifying both marketing and development teams. By adopting the MACH (Microservices based, API-first, Cloud-native SaaS and Headless) approach delivered by both platforms, businesses can now create faster, more scalable websites that enhance the customer experience.
"Working with Contentstack allows marketing and content to harmonize with the development team," said Linda Watkins, Vice President of Partnerships at Gatsby. "When both business and technical teams are enabled by a microservices-based architecture, the agility in adapting and improving customer experiences is a game changer. Gatsby Cloud enables businesses to integrate seamlessly with Contentstack's API to manage content and control publishing. Our joint customers can more easily deliver the best digital experiences and truly stand out from their competition."
As part of the partnership offering, joint customers will have access to an API-connector between the Contentstack and Gatsby technology platforms. Contentstack <a href="https://www.contentstack.com/docs/developers/sample-apps/build-a-sample-website-using-gatsby-and-contentstack/">offers</a> a tutorial, providing step-by-step instructions on how to create a website using Gatsby and Contentstack. Gatsby also has an exclusive <a href="https://www.gatsbyjs.com/guides/contentstack/">guide</a> for integrating Gatsby with Contentstack.
<h3 id="about-gatsby">About Gatsby</h3>
<a href="https://www.gatsbyjs.org/">Gatsby</a> is a web development framework that brings together all the best, modern ways to build on the web. Specifically designed to help frontend engineers leverage the advantages of cloud native architecture, Gatsby provides the most collaborative, secure, and performant way to build websites with access to a broad ecosystem of tools and enhancements via easy to setup integrations. Used by Fortune 500 companies including ButcherBox, Capital One, DraftKings, IBM, and Impossible Foods, the company is backed by Index Ventures, CRV, Trinity Ventures, Dig Ventures, Mango Capital, Fathom Capital, and prominent angel investors.
<h3 id="about-contentstack">About Contentstack</h3>
<a href="https://www.contentstack.com/">Contentstack</a> is a headless SaaS Content Experience Platform (DXP) that enables enterprises to manage content across all digital channels. The preferred API-first CMS for SAP customers, Contentstack was designed from the ground up for large-scale, complex, and mission-critical deployments. Contentstack is a founding member of the MACH Alliance, an industry organization that advocates for an open and best-of-breed enterprise technology ecosystem that is Microservices-based, API-first, Cloud-native and Headless.

Contentstack and Gatsby Announce Partnership to Power Ultra-Fast Websites with Headless CMS

Best Video Experience

Give your audience the best video experience

#000000

Explore a wide range of informative articles on gatsby, insights, and industry updates. Stay informed and ahead of the curve with our diverse collection of news and posts covering the latest trends and developments in the industry

News