Articles

React.js Article

More WordPress in the press – and the operative word is headless. 
We're covering a couple of big announcements today that are certain to have lasting impacts on the WordPress community. What's clear is that <a href="https://automattic.com/" target="_blank" rel="noopener">Automattic</a>, the company that owns WordPress, seems to be listening intently to its users – and gearing up to challenge the <a href="https://www.cmscritic.com/top-free-headless-cms-platforms/" target="_blank" rel="noopener">headless CMS marketplace</a>.
Without further ado, (don't) stop the presses...
<h2>The Classical Editor isn't being laid to rest – yet</h2>
It's not hyperbole to say that the introduction of <a href="https://www.cmscritic.com/gutenberg-2-years-later-is-wordpress-better-off/" target="_blank" rel="noopener">Gutenberg</a> in 2017 caused widespread uproar across the WordPress community. And why not? The Classic Editor allowed you to create and manage your content in an ultra-simple way, almost like a word processor. This simplicity is also what powered WordPress to market dominance. 
In a race for parity with other page editors such as <a href="https://www.wpbeaverbuilder.com/" target="_blank" rel="noopener">Beaver Builder</a>, <a href="https://www.elegantthemes.com/gallery/divi/" target="_blank" rel="noopener">Divi,</a> and <a href="https://elementor.com/" target="_blank" rel="noopener">Elementor</a>, WordPress <a href="https://www.cmscritic.com/gutenberg-2-years-later-is-wordpress-better-off/" target="_blank" rel="noopener">released Gutenberg</a> – their answer to a block-based editing experience. Unfortunately, the Classical Editor was destined for demise, and WordPress scheduled an official sunset on December 31, 2021.
The Gutenberg release has been a bumpy road for users as they struggled to adapt. That said, things are improving: over the last few years, WordPress has worked steadily on Gutenberg, releasing updates every two weeks with <a href="https://www.cmscritic.com/cms-monthly-recap-salesforce-completes-acquisition-of-slack-contentsquare-accelerates-ml-capabilities-and-more/" target="_blank" rel="noopener">cool new features</a>. 
While many WordPress users appreciate the evolution of Gutenberg, the Classical Editor retains a fierce and loyal following. Now, it seems that the voice of the community is driving change. In a bold move, WordPress has agreed to <a href="https://wordpress.org/news/2021/08/an-update-on-the-classic-editor-plugin/" target="_blank" rel="noopener">continue supporting the Classical Editor for another year</a>. They said it was" the right call for the project as well as the community." 
Personally, we think it's the right call as well. Change can be challenging, and users have the most valuable voice in defining a product's horizon. Perhaps WordPress could have metered their timetable based on community input, allowing them to better read the tea leaves. That said, if there's one constant to change, it's that people will always resist it on some level. 
We'll be monitoring the community feedback as things unfold.
<h2>Frontity joins WordPress, goes headless</h2>
<a href="https://frontity.org/" target="_blank" rel="noopener">Frontity</a>, the open-source <a href="https://reactjs.org/" target="_blank" rel="noopener">React</a> framework for WordPress, has been acquired by Automattic, the parent company of WordPress. Their team will contribute to the WordPress open-course project and focus on the Gutenberg editor – improving the blocks and themes in addition to making the WordPress sites more performant.
In 2019, Frontity launched their open-sourced Frontity Framework as a way to ease the integration between WordPress and React for building websites. This doesn't mean they will push React to WordPress; rather, the unification will help improve the <a href="https://www.cmscritic.com/updates-on-wordcamp-2021-wordpress-5-8-beta-details-and-gutenberg-enhancements/" target="_blank" rel="noopener">full-site editing</a> developer experience and contribute to WordPress' front-end tooling, performance, and UX. 
There's no question that <a href="https://www.cmscritic.com/tag/headless/" target="_blank" rel="noopener">headless CMS</a> has exploded in popularity. With traditional (or coupled) CMS platforms, the content management back-end is completely tied to a website's front-end. This effectively limits content creators and developers just to the website pages and templates that are managed and rendered in the system itself. 
With a headless CMS, you are truly "channel agnostic." That means you can manage content via the <a href="https://www.cmscritic.com/top-jamstack-static-site-generators-for-2021/" target="_blank" rel="noopener">JAMstack</a> (JavaScript, API, and Markup) with different front-end static site generators using <a href="https://reactjs.org/" target="_blank" rel="noopener">React</a> or <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue</a>. But the omnichannel only begins at the website layer: with a headless CMS, you can manage content on a wide range of endpoints, from <a href="https://www.storyblok.com/mp/headless-as-digital-signage-software" target="_blank" rel="noopener">digital signs</a> to <a href="https://www.luminary.com/blog/serving-content-to-iot-devices-with-a-headless-cms" target="_blank" rel="noopener">wearable tech to IoT devices</a>. The possibilities are endless. 
When we think of a traditional CMS, the first thing that comes to mind is WordPress. While it powers more than 40% of all websites on the internet, it's still considered a traditional CMS as its architecture links the front-end (HTML templates, Javascript) to the back-end via a database (MySQL). However, in recent months, WordPress has signaled a deepening investment in headless delivery, particularly with their Gutenberg initiatives. The Frontity acquisition codifies this mission by introducing a static site generator with serverless pre-rendering to the WordPress ecosystem.
"I believe there's still a lot that we can learn from decoupled systems, and we can incorporate those learnings into WordPress itself as we emphasize performance, flexibility, and ease of development," <a href="https://ma.tt/2021/08/frontity-to-join-automattic/" target="_blank" rel="noopener">said Matt Mullenweg,</a> founder of WordPress. "I look forward to Frontity joining WordPress and channeling their efforts into the WordPress APIs, documentation, and Gutenberg's full-site editing tools." 
<a href="https://frontity.org/blog/announcing-frontitys-e1m-funding-round-with-automattic-and-k-fund/" target="_blank" rel="noopener">Automattic's 2020 investment in Frontity</a> opened the door for this opportunity, helping both organizations to realize the alignment around their vision. The unification will shift things towards decoupled architectures in the coming years, and React will play a key role in WordPress to build modern digital experiences.

WordPress Keeps Classical Editor Alive, Acquires Frontity to Expand Headless Capabilities

paris-tuzun

WordPress, Frontity, and React logo icons

<h4>In our exclusive Q&amp;A with Sanity founder and CEO Magnus Hillstead, we discuss the current state of the CMS market, the advantages of headless, and what's ahead for the structured content platform. </h4>
<hr />
After a year of hyper-accelerated digital transformation, the content world might feel a little, well… unruly.
Throughout the Covid-19 pandemic, companies feverishly raced to adapt in a contactless, eCommerce-driven economy, experiencing a decade of acceleration in a matter of months – an effect <a href="https://www.mckinsey.com/business-functions/strategy-and-corporate-finance/our-insights/five-fifty-the-quickening">McKinsey</a> christened as "The Quickening."
At the same time, the reliance on content has exploded. Now, with billions of websites and apps floating in the ether, the task of managing dynamic content and digital experiences across a growing multitude of screens and endpoints has become nearly insurmountable.
But the aptly-named <a href="https://www.sanity.io/">Sanity</a> – a San Francisco/Oslo-based SaaS startup – is betting that their innovative platform for structured content will help bring calm to the chaos.
Today, the company announced that it has raised $39 million in Series B funding, becoming the latest venture in the <a href="https://www.cmscritic.com/tag/headless-cms/">headless CMS</a> and DXP ecosystem to acquire significant investment in recent months. In fact, they just completed their Series A in October of 2020 <a href="https://techcrunch.com/2020/10/14/sanity-a-platform-to-build-and-manage-content-flows-on-sites-raises-9-3m-from-ev-williams-threshold-and-more/">for $9.3 million</a>, codifying the confidence around their growth potential.
Over the past year, Sanity has tripled its customer base and doubled its revenues while broadening a portfolio of notable brands, including Unilever, National Geographic, Figma, and others. The company has also doubled the size of its team in the same timeframe.
<h2>A compelling stable of investors</h2>
Founded in 2018, Sanity has experienced a meteoric rise with some impressive investment. This latest round, led by <a href="https://iconiqgrowth.com/">ICONIQ Growth</a> – with additional venture capital from <a href="https://leadedge.com/">Lead Edge Capital</a>, <a href="https://threshold.vc/">Threshold Ventures</a>, <a href="https://www.heavybit.com/">Heavybit</a>, and <a href="https://allianceventure.com/">Alliance Venture</a> – brings Sanity’s total funding to a tidy $51.8 million.
It’s worth noting that ICONIQ Growth General Partner <a href="http://www.pepperspectives.com/p/about-doug-pepper.html">Doug Pepper</a> has joined the board, codifying the overall confidence in their growth potential. Pepper was the first investor in <a href="https://business.adobe.com/products/marketo/adobe-marketo.html">Marketo</a> before its acquisition by <a href="https://www.adobe.com/">Adobe</a> for $4.75 billion in 2018 and has a track record of early bets on strong B2B software players like <a href="https://www.cmscritic.com/canva-button-gives-cms-users-integrated-graphic-design-tools-for-visual-content/">Canva</a>, <a href="https://www.braze.com/">Braze</a>, <a href="https://www.datadoghq.com/">Datadog</a> and <a href="https://airtable.com/">Airtable</a>.
“Sanity has created the hero product for building innovative product experiences, with an impressive developer-oriented approach to content delivery and a personalized product experience that breaks down silos for content creators, marketing, and developer teams," said Pepper. "We're excited to support the Sanity team as they enter this next phase of growth.”
<h2>Rethinking CMS in a world of siloed data</h2>
One of the biggest challenges facing brands in the digital age is the gap between customer expectations and reality. According to <a href="https://www2.deloitte.com/si/en/pages/strategy-operations/articles/changing-consumer-digital-marketing-impact-Covid-19.html">Deloitte</a>, brands face a challenging disconnect as users access multiple touchpoints throughout the purchase experience. While 75% of customers expect consistent experiences, 58% feel like they’re communicating with a number of different divisions – and not one company.
This lack of cohesion is forcing brands to rethink the role of CMS and embrace a new philosophy around content as data. Sanity’s vision to provide structured content comes as businesses look to redefine their digital customer interactions and break the silos that exist across channels.
Sanity positions itself as a “fast-growing alternative to the traditional CMS,” uniquely treating content as data. By storing resources in their <a href="https://www.sanity.io/docs/datastore">Sanity Content Lake</a>, organizations can effectively de-silo their content – making it available for both collaboration and global distribution. By leveraging APIs, users can manage their text, images, and other media in a unified platform and build engaging digital experiences in real-time.
Sanity also enables teams to collaborate on content, design, and code in parallel, allowing them to achieve velocity and ship better products faster. Editors are also able to work more efficiently in customized editing environments built on Sanity’s open source <a href="https://www.sanity.io/docs/sanity-studio">Content Studio</a>, which developers can customize and extend with their own React components.
<h2>Q&amp;A with Magnus Hillstead</h2>
CMS Critic had an opportunity to connect with <a href="https://www.linkedin.com/in/magnushillestad/">Magnus Hillstead</a>, the founder and CEO of Sanity. He shares some of his views on the CMS market, the value of being headless, and what his company is excited about.
<hr />
CMS Critic (CC): How would you describe the overall CMS market in 2021? Where are the gaps from your perspective, and how does Sanity address them?
Magnus Hillstead (MH): In 2021, content is moving beyond websites and mobile applications. Content is reshaping into a web of information that is structured, contextual, and reusable. The CMS industry comes from a web perspective and has partly broadened out to support mobile applications. The rise of JavaScript and new web frameworks has driven a trend of improved customer experience for both marketing and eCommerce. However, as customers are increasingly getting their product experience from digital content, the requirements and opportunities for making amazing customer experiences are growing.
This creates a shift in how organizations work with content. As digital channels become integrated parts of the product experience, the CMS needs to transform to be a part of the product stack and support organizations in extending their product experiences.
We believe that the market has just seen the first increments of a much larger motion. Having content available on an API is table stakes in 2021. Mature digital organizations should require more from their content solutions. Content should no longer be stuck in HTML silos at the edge of organizations, but rather structured, shared and reused across the organization. Organizations should be able to integrate product, customer, and transaction data together with content in order to create better product experiences.
This is the gap Sanity closes. By treating content as data, we fully decouple it from design considerations. Content can be used as a single source of truth for driving product and marketing operations. Rich data models allow faithful integrations of content systems and other data sources, allowing the enrichment and decoration of the content for better customer experiences.
This is what Sanity is all about – high-fidelity data models, real-time event-driven system synchronization, and custom user interfaces for optimal content operations for modern content teams.
<hr />
CC: You mention that Sanity is an alternative to CMS. As an API-driven ecosystem, how would you say Sanity differs from headless CMS platforms?
MH: Sanity treats content as data. Content is structured and programmatically approachable for both reading and writing through real-time APIs. This enables content to be seamlessly interoperated with other sources of truth and used to better express content in context for the various applications and situations organizations communicate to their customers.
Our user interface is open source and meant to be customized and extended by the end-users. Developers can thus create the optimal content model and user interface that the organization needs, fast and with great tools for further development and iteration as their business needs develop.
In a decoupled world, all systems need to be headless, i.e. separate the presentation layer from the content platform. But being headless is not enough. Most headless CMSes are semi-monoliths with code extensions that still treat content as a situation-specific asset, integrating content and design. But they fail to treat content as data and provide a platform that centers around structured content and enables organizations to leverage a programmatic approach to content.
Sanity, therefore, stretches far beyond web content management. We provide a platform for structured content, that enables organizations to treat content as a single source of truth in any application, device, or channel.
By properly separating content from design, you avoid the typical CMS migration every time you want to iterate on your digital surface. Our content platform is meant to be iterated on as your content workflows and digital applications change, without having to rework or migrate the content itself.
<hr />
CC: Would you say Sanity is focused more on the developer as opposed to ContentOps roles, such as marketing?
MH: No, not at all. In fact, Sanity enables developers to create a content platform that bends around the organization, instead of a CMS that the organization has to bend around. This provides much better tools for working with content for the various content creators and organizers.
At Sanity, we believe in finding the general high-level description of what content management systems need to do in organizations. We then carefully express this as high-level APIs that developers can use to build optimal collaborative editing experiences.
Our solution has state-of-the-art multiplayer collaboration, social presence, and per-field rollback where you can see that someone on your team mistakenly changed the hotspot of an image last Wednesday and amend it. All made to enable content creators to collaborate seamlessly as they iterate on content and presentations.
<hr />
CC: As a content platform, how does personalization play into your strategy?
MH: Many of our customers use Sanity to personalize content for their various audiences, and most of the others have plans to do so in the near future.
The rich data models offered by the Sanity Content Lake let content strategists add personalization at exactly the level it is needed. Variants are expressed where you need them, from a single field, to sets of fields to entire documents. As such: personalization is just a special case of content variants like localization or A/B testing.
When it comes to delivering personalization to web users we see a variety of solutions that integrate well with Sanity, from Uniform to Optimizely. Sanity delivers the content and the metadata and seamlessly integrates with such solutions.
<hr />
CC: How are you leveraging AI and automation across your horizon? For example, your asset pipeline and editorial workflows appear to provide some dynamic features. Is AI playing a role here (or elsewhere)?
MH: Sanity is an ideal use case enabled by various forms of AI. As all data is structured and programmatically available, Sanity can handle content and contextual metadata that is key for enabling machine learning.
We do not develop machine learning models for our users out-of-the-box. There is a range of third-party solutions that our users can integrate into their Sanity platform and enable machine learning algorithms on text and images stored in Sanity.
We think that we are only seeing the start of these kinds of solutions and that our key value proposition is to seamlessly integrate with your solution of choice, creating a state-of-the-art platform that enables the best AI for your content.
<hr />
CC: Any innovation on the horizon that you can hint at? What are you most excited about?
MH: We’re excited about a lot of things. We’re excited about how our customers are picking up the idea of content as data and using it to break out of the CMS mode, remove internal silos, and create wider, more holistic digital experiences for their customers. They’re extending their products with digital experiences that drive customer adoption and engagement.
We believe that the world will significantly change its view on what content is and how it should be used in the organization going forward. Content should increasingly be served from a single source of truth and reused across the organization.
We also believe that the future content platform not only powers classic digital presentation layers like web and mobile, but that we will see an increasing use of our content platform as a backend to any application that needs a dynamic, versatile and scalable solution instead of having to build their own in-house.
<h2>About Sanity</h2>
Sanity treats content as data so teams can create transformative digital experiences. Developers use Sanity’s APIs to build optimal editing workflows and share content between systems to increase digital velocity. Our mission is to be the platform for all content - a single place to interconnect, store, author, collaborate, and distribute. Dual-headquartered in San Francisco and Oslo, Norway, Sanity is used by thousands of companies including Unilever, Puma, National Geographic, and Condé Nast. Sanity is backed by ICONIQ Growth, Threshold Ventures, Lead Edge Capital, Heavybit, Alliance Venture, Monochrome Capital, and prominent angel investors like Twitter and Medium co-founder Ev Williams, Netlify co-founder Matthias Biilmann, ex-CEO of Heroku Adam Gross and Vercel founder Guillermo Rauch. Learn more at <a href="http://www.sanity.io">www.sanity.io</a>.

Sanity Raises $39 Million, Focuses Growth on Content as Data for Transformative Digital Experiences

cms-critic-staff

Sanity logo with image of CEO Magnus Hillstead

UXPin Merge Review: Sync Your Design Libraries with React Components in Git

UXPin and Merge logos against a highway with merge sign

Explore a wide range of informative articles on React.js, 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

WordPress Keeps Classical Editor Alive, Acquires Frontity to Expand Headless Capabilities

Sanity Raises $39 Million, Focuses Growth on Content as Data for Transformative Digital Experiences

UXPin Merge Review: Sync Your Design Libraries with React Components in Git