Articles

Next.js Article

<hr /> <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/">Agility CMS</a> Chief Technical Officer <a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/joelvarty/">Joel Varty</a> just wrapped up his first YouTube video series, <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao&amp;pp=gAQB">Building with Next.js and Headless CMS</a>. It’s an 8-part series looking at the power of <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/starters/nextjs">Next.js</a> when paired with Agility CMS. Next.js and <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/product/headless-cms">headless CMS</a> go hand-in-glove to help <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/product/developers">developers</a> build fast, scalable, and dynamic websites. Joel’s video series walks you through integrating Agility CMS with Next.js, examining essential topics such as previewing, creating components, caching, authenticating, and more.Watch the Full Series: <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao&amp;pp=gAQB">Building with Next.js and Headless CMS on YouTube</a>  <figure class="media"><div data-oembed-url="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao"><div style="position:relative;padding-bottom:100%;height:0;padding-bottom:56.2493%"><iframe src="https://www.youtube.com/embed/UGoA-Jt52_c" style="position:absolute;width:100%;height:100%;top:0;left:0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div></div></figure><h3 id="the-what-and-why-of-next.js-">The What and Why of Next.js </h3> <h4 id="the-what-">The What </h4>Next.js was developed in 2016 by <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/partners/integrations/vercel">Vercel</a> as an open-source, <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/blog/react-cms">React</a>-based JavaScript framework. It enables server-side rendering (SSR), static site generation (SSG), and incremental static regeneration (ISR) to optimize performance and <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/solutions/modern-websites-and-seo">search engine optimization (SEO)</a>. In other words: Next.js decides the best way to show content based on how data is fetched from pages: <ul><li>SSG prepares pages ahead of time. </li><li>SSR generates them on demand. </li><li>ISR generates them statically at first, but then incrementally updates them as changes happen in the CMS. </li></ul>All these options reduce the work a visitor’s browser must do. This makes the browsing experience smoother and more efficient.  <h4 id="the-why-">The Why </h4>Both developers and marketers benefit from Next.js: <figure class="table"><table><tbody><tr><td>Developers</td><td>Marketers</td></tr><tr><td><ul><li>API Routes </li><li>Incremental Static Regeneration (ISR) </li><li>File-Based Routing </li><li>Optimized Performance </li><li>Seamless Vercel Integration</li></ul></td><td><ul><li>Fast loading speed for high-performance sites </li><li>SEO-friendliness for easy content indexing </li><li>Greater content control via headless integration </li><li>Supports <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/solutions/content-hub-and-omnichannnel-deployments">omnichannel</a> marketing activities </li><li>Real-time previews and publishing</li></ul></td></tr></tbody></table></figure>Marketing websites benefit from fast-loading, SEO-rich content. E-commerce platforms can take advantage of dynamic product pages using ISR. With Next.js and a headless CMS, your content becomes omnipresent – meaning it’s ready for websites, apps, digital signage, and beyond. <h3 id="joel’s-key-takeaway-">Joel’s Key Takeaway </h3>If there’s one thing Joel wants you to take away from <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao&amp;pp=gAQB">Building with Next.js and Headless CMS</a>, it’s this (in his own words): “As a modern web framework, Next.js is the leader when it comes to building actual production sites for customers. A front-end developer with React skills can really level up their game by following along with this series. I see it as an opportunity for someone to take their career to a whole new level.” <h3 id="next.js-makes-a-difference-">Next.js Makes a Difference </h3>React is powerful. But by itself, it doesn’t offer SSR, SSG, ISR, SEO, or many other amazing acronyms. Next.js fills in those gaps and transforms React into a full-featured web framework. From there, Next.js: <ul><li>Spans developer and marketing needs: Developers can build quickly while content teams manage content effectively – without stepping on each other’s toes.  </li><li>Future-proofs your tech stack: Next.js works with <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/resources/guide/introduction-to-jamstack">Jamstack</a> and deploys on platforms like Vercel or <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/partners/integrations/netlify">Netlify</a>. It’s flexible and adaptable, meaning you aren’t “locked in” to, well, anything. </li><li>Powers better web experiences: Build faster, more accessible, and more scalable websites and apps without wrestling the framework.  </li></ul><h3 id="get-your-popcorn-ready-">Get Your Popcorn Ready </h3>Joel has been a mainstay within the industry for 20 years. He’s known for his engaging and insightful <a target="_blank" rel="noopener noreferrer" href="https://agilitycms.com/resources/events">webinars</a>. And his ability to craft dad jokes out of thin air borders on the supernatural. All that to say, you’re going to learn quite a bit – and get some unexpected chuckles too – when you check out <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/watch?v=UGoA-Jt52_c&amp;list=PLEI81bLU4t-uzsIOt1iaykzI4ZSsNQ9ao&amp;pp=gAQB">Building with Next.js and Headless CMS</a>.  <hr /><h4 style="text-align:center" id="looking-for-guidance-on-agility?-talk-to-an-expert.">Looking for guidance on Agility? <a target="_blank" rel="noopener noreferrer" href="https://cmscritic.com/contact">Talk to an expert.</a></h4><hr /> <h3 id="upcoming-events">Upcoming Events</h3> <img style="width:24.53%" src="https://cmscritic.com/ms-content/uploads/2025/03/image-1742910054704.png" /><h4 id="the-composable-conference-2025"><a target="_blank" rel="noopener noreferrer" href="https://machalliance.org/events/composable-conference-25">The Composable Conference 2025</a></h4>April 22-24 – Chicago, USAExperience the future of composable and MACH principles in “The Windy City” and dive even deeper into the innovative world of MACH architecture and its benefits for your business. Building on the momentum of MACH THREE, this conference will provide your teams with the expert, impartial guidance needed to craft a winning transformation strategy and leverage the latest advancements in automation and Al to maximize efficiency and drive your organization forward. This event is ideal for executives, business leaders, technologists, and everyone in between who is looking to harness the power of composable. <a target="_blank" rel="noopener noreferrer" href="https://machalliance.org/events/composable-conference-25">Secure your spot today.</a> <img style="width:30.46%" src="https://cmscritic.com/ms-content/uploads/2024/11/cms-summit-25.png" alt="" /><h4 id="cms-summit-25"><a target="_blank" rel="noopener noreferrer" href="https://www.boye-co.com/conferences/cmssummit25">CMS Summit 25</a></h4>May 13-14, 2025 – Frankfurt, GermanyDon't miss the first European edition of our prestigious international conference dedicated to the global content management community! CMS Summit 25 will bring together top-notch speakers, our renowned learning format, and engaging social events. Hear from leading practitioners like Deutsche Bahn, Dr. Oetker, and more – and join customers, agencies, and CMS vendors as we discuss current trends and what's ahead for the content and digital experience fields. Connect and network at the only vendor-neutral, in-person conference focused on CMS. Space is limited for this exclusive event, <a target="_blank" rel="noopener noreferrer" href="https://www.boye-co.com/conferences/cmssummit25">so book your seats today.</a> <img style="width:31.83%" src="https://cmscritic.com/ms-content/uploads/2025/01/cms-connect-2025-logo.png" alt="" /><h4 id="cms-connect-25"><a target="_blank" rel="noopener noreferrer" href="https://www.boye-co.com/conferences/cmsconnect25">CMS Connect 25</a></h4>August 5-6, 2025 – Montreal, CanadaWe are delighted to present the second annual summer edition of our signature global conference dedicated to the content management community! CMS Connect will be held again in beautiful Montreal, Canada, and feature a unique blend of masterclasses, insightful talks, interactive discussions, impactful learning sessions, and authentic networking opportunities. Join vendors, agencies, and customers from across our industry as we engage and collaborate around the future of content management – and hear from the top thought leaders at the only vendor-neutral, in-person conference exclusively focused on CMS. Space is limited for this event, <a target="_blank" rel="noopener noreferrer" href="https://www.boye-co.com/conferences/cmsconnect25">so book your seats today.</a>

Varty’s Videos: A CTO’s Take on Next.js

cms-critic-staff

<hr /> I have a confession: I’ve never been a fan of writing in my CMS. Any CMS, for that matter. And I've used a lot of them.Call me “old school,” but I entered the tech field at a time when computers were a lot more prone to crashing. You can only take so much of that dreaded “Blue Screen of Death” – or watching your work vaporize after an app fails – before developing a solid case of PTSD: Painfully Tragic System Deletion.Over time, things stabilized. Hardware was more reliable, machine-side applications less fidgety, and <a target="_blank" href="https://www.microsoft.com/en-us/microsoft-365/word">Microsoft Word</a> became a de facto standard in the desktop stack. Heck, you could even auto-save your stuff… and that really brought down the blood pressure.But <a target="_blank" href="https://cmscritic.com/what-is-a-content-management-system-cms">content management systems</a>? Meh. They were still subject to the whims of a browser and a web connection. Sessions could be unruly, and it wasn’t uncommon to lose content while drafting a blog post or an article. As such, users like me held to a well-founded distrust of authoring directly in the tool.Of course, there’s more to it than a lack of operational integrity. For a long time, most CMSes treated the content creation experience as an afterthought. WYSIWYG editors provided a shallow proxy for what apps like Word delivered: an intuitive, page-like canvas with lots of freedom to write, comment, share, and collaborate. When <a target="_blank" href="https://docs.google.com/">Google Docs</a> emerged, it solved most of the persistent stability issues with web-based content creation. It also introduced the concept of real-time collaboration within a shared document – which was an all-out game changer. CMSes have certainly improved their editing experiences, stitching together more sophisticated tableaus. Every year, I see regular demos of CMS editors, and they’ve gotten remarkably better. That said, most content professionals don’t like being forced to use a specific tool when it comes to their elemental creative process. Governance notwithstanding, choice is a good thing. But for people like me who prefer a Google Doc, I’m still stuck copying and pasting into a CMS to publish. And that’s a tedious exercise replete with formatting issues that can throw wrenches in the machine.Things get more complicated for larger teams. Writing often happens in one place and design in another. Then, after going back and forth with developers, it all kind of gets “knit” together. Errors show up. Stuff gets siloed. What’s worse: If another team member has the CMS keys and is tasked with copying and pasting, you might need a string of emails or tickets to get a single typo fixed. If this all sounds disjointed, that’s because it is. And the real debt to be paid revolves around time, money, and control. This is where <a target="_blank" href="https://pantheon.io/blog/pantheon-vision-content-operations">Pantheon’s vision</a> plays in. The company – which provides an integrated operations, workflow, and governance platform for Drupal and WordPress – has been helping organizations build, host, and secure their digital experiences since 2010.Late last year, I spoke to <a target="_blank" href="https://www.linkedin.com/in/joshkoenig/">Josh Koenig</a> – Pantheon’s co-founder and CSO – about the company’s consulting <a target="_blank" href="https://pantheon.io/blog/pantheon-and-tag1-support-drupal-7-websites">partnership with Tag1</a> to support Drupal 7 websites. Right on the heels of that, the company announced the launch of a new product called <a target="_blank" href="https://pantheon.io/blog/introducing-pantheon-content-publisher">Pantheon Content Publisher.</a> Content Publisher reimagines the flow for writing, editing, collaborating, and publishing to the web. In a nutshell, this add-on feature enables writers to create in a Google Doc and directly publish to their <a target="_blank" href="https://cmscritic.com/products/wordpress">WordPress</a>, <a target="_blank" href="https://cmscritic.com/products/drupal">Drupal</a>, or <a target="_blank" href="https://cmscritic.com/products/nextjs">Next.js</a> websites – and do it all safely and securely. As a CMS user, Content Publisher satisfies the urgent need for visualization. As you type and edit in your Doc, you’re served a live preview of how content will render on your website. When you’re ready to roll, a single click pushes it to final review and publishing. Pretty slick. <figure class="image image-style-align-center image_resized" style="width:79.62%"><img src="https://cmscritic.com/ms-content/uploads/2025/02/image-1738705229313.jpeg" alt="A person standing at a podium giving a presentation

AI-generated content may be incorrect." /></figure>Roland Benedetti at Boye &amp; Company CMS Kickoff 25. Source:Marta Cukierman During the <a target="_blank" href="https://www.boye-co.com/conferences/cmskickoff25">Boye &amp; Company CMS Kickoff 25</a> in January, <a target="_blank" href="https://www.linkedin.com/in/rolandbenedetti/">Roland Benedetti</a>, Pantheon’s Senior Director of Product, showcased this nifty tool during our “CMS Idol” competition. I’ve known Roland since his days at <a target="_blank" href="https://www.linkedin.com/company/ez-systems/">eZ</a> (now <a target="_blank" href="https://cmscritic.com/products/ibexa">Ibexa</a>), and he's always been one to push the envelope. Needless to say, what I saw was impressive, even at a beta stage – and seemed to address key pain points for many of us in the content ecosystem.What you’re reading right now was indeed copied and pasted from a Google Doc. But with Content Publisher, that rigmarole might be a thing of the past. Here’s a quick snapshot of what this promising new product could deliver for content creators. <h3 id="can-pantheon-fix-what’s-broken-with-web-publishing?">Can Pantheon fix what’s broken with web publishing?</h3>Hmm. Where to start? That would be my first question…Look, it's a big mountain, but Pantheon is trying to scale it. As Roland and co-founder <a target="_blank" href="https://www.linkedin.com/in/zacharyrosen/">Zach Rosen</a> stated in their official Content Publisher announcement, “The web used to be simple and fun. It’s increasingly become tedious, flaky, and frustrating.” Hard to argue with that.Also true, as I’ve pointed out in my own case: Content creators aren’t sitting down and writing web content directly into WordPress or Drupal, and there's real data to back that up. According to Pantheon's own research, 90% of writers create, edit, and collaborate on content using (you guessed it) Google Docs and Microsoft Word. <hr /><h4 style="text-align:center" id="-"> </h4><h4 style="text-align:center" id="“the-web-used-to-be-simple-and-fun.-it’s-increasingly-become-tedious,-flaky,-and-frustrating.”">“The web used to be simple and fun. It’s increasingly become tedious, flaky, and frustrating.”</h4> <hr /> With such a significant shift towards Word and Docs for content authoring, little progress has been made in bridging the gap between these tools and the web layer. Given the complexity of modern CMSes, content originating from outside tools is often shifted to specific team members with CMS access and permissions. As Roland and Zach indicated, it’s possible that these human “copy-paste” stakeholders could miss some critical checks along the way – things like confirming mobile responsiveness, ensuring brand guidelines, and even validating digital accessibility. In effect, the disconnect between these entities amplifies liability.There’s also this notion of “democratizing the web” that Content Publisher is endeavoring to solve. As CMS systems become more complex and convoluted, only fully trained platform experts can facilitate the act of publishing. Further, waiting to clean up any formatting or governance issues at the publishing stage can lead to delays, version conflicts, and missed deadlines – all of which can slow down a marketing team or stymie a campaign.<h3 id="how-does-content-publisher-work?">How does Content Publisher work?</h3>I’ve already framed it, and simplicity is a key part of the appeal. First and foremost, Content Publisher has been architected with modern, API-first fundamentals. This composable posture provides the core integration with Google Docs, giving editors an augmented UI. Below decks is a scalable service operating on <a target="_blank" href="https://cmscritic.com/products/google-cloud-platform">GCP (Google Cloud Platform)</a> that handles content discovery and publishing. This surface area exposes authoring and delivery through both REST and GraphQL APIs. Finally, Pantheon powers the core connections to leading web technologies and front-end frameworks via out-of-the-box integrations.From a deployment perspective, the setup is pretty seamless. After you enable Pantheon’s Content Publisher as an add-on in your <a target="_blank" href="https://workspace.google.com/">Google Workspace</a>, you can connect your Google Docs with any website running on Drupal, WordPress, or even Next.js.  <figure class="image image-style-align-center image_resized" style="width:85.15%"><img src="https://cmscritic.com/ms-content/uploads/2025/02/image.png" alt="A diagram of a company

AI-generated content may be incorrect." /></figure>Pantheon’s vision for a creation-production-delivery ecosystem. Source: Pantheon website. I quite like this workflow diagram that Roland presented during his “CMS Idol” intro, which crystallizes Pantheon’s WebOps workflow from creation through ingest to delivery. It elegantly details how they see the broader ecosystem of website and marketing technologies – and it’s clear that more innovation is on the roadmap to bring content, design, code, and teams together. <h3 id="core-capabilities">Core Capabilities</h3>Content Publisher offers some simple yet powerful features. The first is the intuitive direct publishing from Google Docs, where the add-on manifests as a tag-along sidebar while you edit your content.  <figure class="image image-style-align-center image_resized" style="width:81.01%"><img src="https://cmscritic.com/ms-content/uploads/2025/02/image-1738705228530.jpeg" alt="A screenshot of a website

AI-generated content may be incorrect." /></figure>Content Publisher provides access to key features within Google Docs. Source: Pantheon website. This handy panel gives users quick pathways to manage their page metadata, add components like images, and more. Translation: users can deliver structured website content without leaving Google Docs – and that’s good from both a governance and time-saving perspective.  I already mentioned the real-time preview, which delivers visual confidence. As you write, edit, add images, or assemble components, Content Publisher allows you to see how everything will render on your actual website. You can also preview for mobile responsiveness, control your zoom, or even share to collaborate with other team members. <figure class="image image-style-align-center image_resized" style="width:93.05%"><img src="https://cmscritic.com/ms-content/uploads/2025/02/image-1738705228453.jpeg" alt="A screenshot of a computer

AI-generated content may be incorrect." /></figure>Content Publisher gives users a fully-rendered preview with ample control. Source: Pantheon website. One of the questions I immediately had was about governance. This is, after all, Google Docs – and if multiple users are collaborating, how do you control things like publishing permissions? Pantheon is addressing this with a robust editorial workflow that’s built directly into the software, which will ultimately provide a deeper layer of control while checking for things like brand, accessibility, and compliance issues. Powered by <a target="_blank" href="https://cloud.google.com/vertex-ai">Google Vertex AI</a> – a fully-managed, unified AI development platform with access to <a target="_blank" href="https://gemini.google.com/">Gemini models</a> and more – Content Publisher also offers some dynamic features like content summaries, SEO-enhancing metadata suggestions, and advanced search, all guided by user inputs to ensure quality.  <figure class="image image-style-align-center image_resized" style="width:87.2%"><img src="https://cmscritic.com/ms-content/uploads/2025/02/image.jpeg" alt="A screenshot of a computer

AI-generated content may be incorrect." /></figure>Collections allow for seamless structuring of your website’s sections. Source: Pantheon website. We know discoverability is a critical facet of web experience, and there’s some cool stuff happening in Content Publisher from a structural perspective. Using what it calls “Collections,” you can organize documents into sections and sub-sections (like Marketing), curate the order, and choose to hide or reveal them to enhance navigability. You can also define custom metadata schemas, allowing for greater control over your site’s information architecture.<h3 id="the-verdict">The Verdict</h3>While every individual content creator or team works differently, there are some, shall we say, “philosophical” fundamentals we all share. Over time, opinionated tools have guided pathways while driving many of the systemic flaws in modern content operations. In other words, all CMS roads have a common breakdown lane.I applaud Pantheon for taking a bold step towards repairing the cracks in the pavement. It won't be easy, and Content Publisher is addressing just one dimension of where the tooling needs improvement. But their composable approach is driven by choice, flexibility, and adaptability – solid principles for guiding their vision of WebOps and content operations.Let’s be clear: as novel and useful as Content Publisher might be, it’s not a replacement for CMS – it’s more like a companion app that extends the existing boundaries. You still need all the foundational CMS components for your WordPress or Drupal website to realize its benefits. For obvious reasons, Content Publisher isn’t a fit for every kind of content type. It’s perfect for articles, documentation, and other long-form content – stuff you would handily write in a Google Doc (and that might be a good litmus test). Pantheon also suggests test-driving it on your website’s “About” page, and once you’ve mastered the flow, move to more editorially driven content like blog posts or press releases.Personally, I like this tool. I think it will find rapid adoption within organizations, and if you’re someone like me who uses Google Docs, you should take it for a spin. The project is still in beta (<a target="_blank" href="https://pantheon.io/platform/content-publisher#beta">you can request access here</a>), and there are facets of governance that have yet to be fully fleshed out. But the potential is there. Further, if they can unify versioned content with design and code, there could be exciting enhancements on the horizon.At the same time, we’re not really addressing the root problem: that content management systems still haven’t delivered the kinds of rich, trustworthy editing experiences that entice all creators to start within the tool. I know: It’s hard to argue with the robust omnipresence of Word and Docs. So maybe we’ll never get there. Or maybe you can’t teach an old dog new tricks. Either way, I’m sticking with my Docs. And if Pantheon can kill some of the tedious, time-consuming, error-prone copying and pasting, that’s not a waste – it’s a win.   <hr /><h3 id="upcoming-events">Upcoming Events</h3> <img style="width:30.46%" src="https://cmscritic.com/ms-content/uploads/2024/11/cms-summit-25.png" alt="" /><h4 id="cms-summit-25"><a target="_blank" href="https://www.boye-co.com/conferences/cmssummit25">CMS Summit 25</a></h4>May 13-14, 2025 – Frankfurt, GermanyDon't miss the first European edition of our prestigious international conference dedicated to the global content management community! CMS Summit 25 will bring together top-notch speakers, our renowned learning format, and engaging social events. Hear from leading practitioners like Deutsche Bahn, Dr. Oetker, and more – and join customers, agencies, and CMS vendors as we discuss current trends and what's ahead for the content and digital experience fields. Connect and network at the only vendor-neutral, in-person conference focused on CMS. Space is limited for this exclusive event, <a target="_blank" href="https://www.boye-co.com/conferences/cmssummit25">so book your seats today.</a> <img style="width:31.83%" src="https://cmscritic.com/ms-content/uploads/2025/01/cms-connect-2025-logo.png" alt="" /><h4 id="cms-connect-25"><a target="_blank" href="https://www.boye-co.com/conferences/cmsconnect25">CMS Connect 25</a></h4>August 5-6, 2025 – Montreal, CanadaWe are delighted to present the second annual summer edition of our signature global conference dedicated to the content management community! CMS Connect will be held again in beautiful Montreal, Canada, and feature a unique blend of masterclasses, insightful talks, interactive discussions, impactful learning sessions, and authentic networking opportunities. Join vendors, agencies, and customers from across our industry as we engage and collaborate around the future of content management – and hear from the top thought leaders at the only vendor-neutral, in-person conference exclusively focused on CMS. Space is limited for this event, <a target="_blank" href="https://www.boye-co.com/conferences/cmsconnect25">so book your seats today.</a>

'Copy and Paste' Makes Waste? Not with Pantheon’s Content Publisher for Google Docs

matt-garrepy

AI continues to drive platform innovation, and builders are being treated to new features daily. While generative technologies like <a href="https://www.cmscritic.com/from-chatbots-to-contentops-how-ai-is-coming-to-your-cms-whether-you-like-it-or-not/">ChatGPT</a> are powering apps with a range of capabilities, having the right infrastructure for product development and deployment is a key requirement. 
To that end, <a href="https://www.cmscritic.com/vercel-launches-new-visual-editing-feature-with-sanity-cms/">Vercel</a> – the frontend cloud for deploying applications quickly and easily – <a href="https://vercel.com/blog/introducing-the-vercel-ai-sdk" target="_blank">just launched</a> a new software development kit for AI apps built with React and Svelte. This includes the Vercal AI SDK for easily streaming API responses from AI models and the Chat &amp; Prompt Playground for exploring models via OpenAI, Hugging Face, and more.
According to the company's website, several AI platforms – including Scale, Jasper, and Jenni – have launched using Vercel and Next.js, its React-based web development framework. Next.js provides the essential tooling and configuration required for React, as well as additional structure and optimizations. 
<h2>Ready for AI with a purpose-built SDK</h2>
The <a href="https://sdk.vercel.ai/" target="_blank">Vercel AI SDK</a> is an <a href="https://github.com/vercel-labs/ai" target="_blank">open-source</a> library with developers in mind. With the SDK, users can build conversational, streaming, and chat user interfaces using JavaScript and TypeScript. According to the company's post, the SDK supports React/Next.js and Svelte/SvelteKit, with support for Nuxt/Vue coming soon. 
Vercel’s AI SDK embraces interoperability and includes first-class support for <a href="https://openai.com/" target="_blank">OpenAI</a>, <a href="https://js.langchain.com/docs/" target="_blank">LangChain</a>, and <a href="https://huggingface.co/" target="_blank">Hugging Face</a> Inference. Regardless of a user's preferred AI model provider, they can leverage the Vercel AI SDK to create cutting-edge streaming UI experiences.
The AI SDK also includes "streaming first" UI helpers that enable real-time dynamic data representation in applications. Vercel also included callbacks for storing completed streaming responses to a database within the same request, allowing more efficient data management when handling text responses. 
From a cloud scalability perspective, the AI SDK is already integrated with Vercel products like Serverless and Edge Functions. This allows users to build AI applications that deploy instantly, stream generated responses, and are cost-effective. 
<h2>A playground for chat</h2>
In late April, Vercel launched an interactive online prompt playground called <a href="http://play.vercel.ai/" target="_blank">play.vercel.ai</a>, allowing developers to compare various language model results in real time. Users can then tweak parameters and quickly generate Next.js, Svelte, and Node.js code.
Last week, Vercel added a new chat interface to this playground, allowing developers to compare chat models simultaneously. The company also added code generation support for the new AI SDK, allowing users to go from playground to chat app in just a few clicks. 
<h2>About Vercel</h2>
Vercel is the cloud platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. By providing the toolkit frontend teams love, Vercel unlocks developer potential and enables you to go from idea to global application in seconds. Vercel enables customers like Under Armour, Nintendo, The Washington Post, and Zapier to build delightful user experiences on the Web.

Vercel Introduces SDK for Building AI Apps with React and Svelte

It’s hard to avoid the rocket allusions, but with a product called “Launch,” it’s almost a requirement.
For <a href="https://www.cmscritic.com/contentstack-launches-new-marketplace-to-accelerate-composable-digital-experience-innovation/">Contentstack</a>, a leading <a href="https://www.cmscritic.com/top-free-headless-cms-platforms/">headless CMS</a> and <a href="https://www.contentstack.com/cms-guides/building-digital-experience-platform-dxp/" target="_blank">composable DXP</a>, the liftoff of its new front-end hosting solution comes at a perfect time. As the market’s focus on composable accelerates at warp speed, organizations are looking for more complete ecosystems to simplify the challenges of building, deploying, and scaling their experiences.
This is where <a href="https://www.contentstack.com/launch/" target="_blank">Contentstack Launch</a> can take businesses orbital. The new solution, which is currently pre-GA, promises a MACH-compliant, low latency hosting solution with fully automated functionality from back-end to front-end.
I had a chance to connect with <a href="https://www.linkedin.com/in/dean-haddock-24697870/" target="_blank">Dean Haddock</a>, the Senior Product Manager at Contentstack who’s helping to pilot the Launch mission. We talked about the new offering and how it completes a vision to deliver everything needed for building composable experiences.
Dean is a fellow CMS journeyman. His story began in open source, working on the early frontier of APIs before they became native to platforms. That eventually led him to Contentstack, where he’s spent the last year focusing on cutting-edge products in the company’s evolving portfolio – which is now reaching beyond its core headless CMS and into middle layer tools like Contentstack’s <a href="https://www.cmscritic.com/contentstack-launches-new-marketplace-to-accelerate-composable-digital-experience-innovation/">Automation Hub and Marketplace</a>.
“Contentstack is now a multi-product platform,” he said. “So a lot of my work is stitching together the fundamental and foundational parts of that architecture and infrastructure.”
This might sound like rocket science, but Dean and the team at Contentstack have been executing on a clear vision for quite some time. That’s led to some stellar investments – including an <a href="https://www.cmscritic.com/contentstack-raises-80-million-series-c-focuses-on-accelerating-the-path-to-composable-for-enterprises/">$80 million Series C</a> that closed in November of 2022. To date, the company has raised $169 million.
Is it enough to reach the moon? Even in a highly competitive market, that’s one giant leap for a headless CMS. Compound it with the gravity of a softening economy – particularly in tech – and the escape velocity shifts.
But this is where Contentstack has a distinct advantage: they’re market leaders. The company is solid and expanding globally from its San Francisco headquarters. They’ve also cultivated a dynamic culture under <a href="https://www.cmscritic.com/contentstack-raises-57-5-million-in-series-b-round-qa-with-ceo-neha-sampat/">CEO Neha Sampet</a> and consistently demonstrated a commitment to innovation.
Couple all that with a solid multi-product strategy and you have the rocket fuel to blast off.
<h2>Bringing content creators and developers together</h2>
From the get-go, Dean wanted to focus our conversation on the critical relationship between content creators and developers, which he believes is the most interesting story around Launch. He was very enthusiastic about it, and I asked him what’s driving his passion. 
“I couldn't be more excited about [Launch],” he said. “Because it's the front-end, putting the head on the headless with CMS and providing this end-to-end digital experience where we have the CMS, the automations, integrations, extensions. Things you can do in the middle layer of your content delivery. And now the front-end, where you can deliver to all to your audiences in a super-efficient, very delightful, easy breezy way.”
“Easy breezy” might be the operative terminology, and what Dean proceeded to share in his demo was exactly that: Launch is helping to eliminate the friction around completing the composable puzzle when building and deploying websites – making the entire process seamless and, well, easy breezy.  
<h3>Deploying Launch with Next.js</h3>
Dean took me through a typical deployment example, and as billed, it all felt smooth. He used a starter stack for Next.js, for which they provide tutorials and documentation. You can do this on your own, but Contentstack offers these flexible “launchpads” that use common rendering methods and auto-populate environment variables.
In seconds, we were able to deploy a staging and production environment with all the essentials – and this is where he notes the connective tissue between content creators and developers.
<img src="https://cmscritic.com/ms-content/uploads/2023/03/create-new-project.jpg" alt="Contentstack Create New Project" />
“You'll be able to see the opportunities to bring folks together on the same sides of a ‘walled garden’ instead of tossing things over the fence from content manager to developer using other platforms – and where we can get some efficiencies and scale,” Dean said.
The staging and production environments use Contentstack’s CDN, which automatically triggers rebuilds. You can also schedule rebuilds to help reduce routine DevOps tasks, and there’s a nice Slack integration that allows you to message team members around your workflows.
What was really slick was the degree of visibility across the environments. With Launch, you can always see what’s deploying, what’s live, and what might have failed in the build process.
<img src="https://cmscritic.com/ms-content/uploads/2023/03/environments.jpg" alt="Environments" />
Launch is also framework agnostic, so developers have their choice of any common JavaScript front-end frameworks like <a href="https://www.cmscritic.com/top-jamstack-static-site-generators-for-2021/">Next.js</a> and <a href="https://www.cmscritic.com/netlify-acquires-gatsby-aims-to-accelerate-adoption-of-composable-web-architectures/">Gatsby</a>. This fits squarely with the composable promise of enabling developers to work in the language they prefer.
<img src="https://cmscritic.com/ms-content/uploads/2023/03/portfolio-overview.jpg" alt="Portfolio Overview" />
<a href="https://www.contentstack.com/launch/?creative=651180332057&amp;keyword=contentstack%20launch&amp;matchtype=p&amp;network=g&amp;device=c&amp;campaign=19806932844&amp;adgroup=146548710469&amp;placement=&amp;utm_campaign=fy24-glob-dg-launch-us-ca&amp;utm_medium=paid_search&amp;utm_source=google&amp;gclid=CjwKCAjwzuqgBhAcEiwAdj5dRrCGvcWB6oY89DiyAitLebtNklaEF5zT2t22x2RXcJYxcqSUG8ZZSBoCx64QAvD_BwE" target="_blank">According to a video</a> Dean hosted, Launch was originally conceived as a tool that developers would use. To that end, it’s effectively an active CI/CD system that builds and deploys your code immediately after pushing it. This reduces the cumbersome challenges with building CI/CD from scratch.
After our environment was in place, Dean brought us back to Github, where we selected the Next.js starter and gave it a name (aptly, “CMS Critic Demo”). Going back to the prod environment, we were able to pick a delivery token and import the variables. From there, it was as simple as clicking “Deploy” to start building the front-end site.
“So what [Launch] is doing here is going to Github, grabbing my code, downloading it onto our platform, running the build commands, and compiling the application,” he said, describing the automagical process. “When folks start accessing my content, it's going to be caching it on the CDN for super low latency, as you would expect for a front-end, headless hosting solution.”
<h3>Powering content creators </h3>
Deployment took a few minutes to complete, which included the SSL provisioning – yet another headache that Launch resolves. From there, we shifted to the content publisher’s realm and walked through the experience of our new homepage. With everything running off the same codebase, it was a snap to preview changes to any aspect of the page and then push to production in seconds.
"So I could say, ‘here's a production publishing environment where all my production content is going to go,’’ Dean said, narrating the use case. “I can also create lower-level environments, if I want to try out content or maybe write content that then needs to be approved by legal before it goes to publish on the web. The legal team can look quickly for any changes, hit approve, and then content could be delivered to environments as it’s promoted all the way up to production for a final approval.”
It's clear that this use case around governance and compliance is crucial for modern enterprises. While Contentstack’s CMS can certainly handle organizational permissions, the addition of Launch further simplifies vital workflows while accelerating the entire process – allowing content to be published faster and with greater control.
We played a little more with the staging and production sides of the flow, changing colors in headers and updating content elements – and it all felt easy breezy and lightning fast. As Dean explained, with this particular front-end, updates in the CMS were being automatically delivered to the presentation layer. With other packages that use SSG (such as Gatsby) it would require a quick rebuild.
The promise of Launch is greater freedom to build with clicks, not code. Modeling exists on both sides of the “walled garden,” where dev, staging, and prod are all handled in once place like cream cheese – so developers can focus on building while marketers push content and new experiences faster than ever.
“You could also create front-end templates, sites, and microsites that can be deployed from the content management side without ever really needing to engage the developer,” Dean said, codifying that promise of freedom. “So your developers set you up with a handful of different templates and you can just deploy front-ends for any kind of marketing purposes with a really quick turnaround time.”
<h2>Stacked for composable success</h2>
I asked Dean what the roadmap looks like for Contentstack in 2023. They’re now a multi-product vendor – so what does that mean in terms of market strategy?
“You should expect to see more products in the future, more innovations,” he eluded. “I got off a demo today and my mind is blown. I can just tell you that the product team, engineering team, design team – all the folks over here on our side – are doing some very, very cool stuff that will hopefully hit the market in the near future.”
I inquired about the expanding landscape of JS frameworks and how that might influence the Launch vector. “Right now, [Launch] has auto-detection for Gatsby and Next.js because those are two very, very popular frameworks that a lot of our customers and community work with. And there’s also the option to put your own custom build commands in the workflow. But you know, there are a couple dozen plus really popular frameworks out there and new ones every single day. So we'll be adding support for more of those.”
I also probed a bit more about the composable nature of their new multi-product approach and how this all fits with Contentstack’s commitment to MACH. It's worth noting that the company is a founding member of the <a href="https://www.cmscritic.com/the-future-is-composable-a-conversation-with-new-mach-alliance-president-casper-rasmussen/">MACH Alliance</a>.
“Fundamentally, we are staying in the composable space, and it is extremely important for us. It’s a core value of Contentstack that you want to use our CMS and go omnichannel across lots of different screens and ways of delivering your content. This [Launch] is just one new tool in a toolbox to deliver your end-to-end digital experience. So if you don't want to use Launch, that's totally fine. You can bring your own front-end hosting service, build custom in AWS, or however you want to do it.”
With so much DIY in the equation, it's also good to see the presence of human service in the digital DNA. Case in point: Contentstack's <a href="https://www.contentstack.com/customer-success/" target="_blank">Care Without Compromise Program,</a> which establishes an agreement to work with other vendors with like-minded technologies to provide solutions to customers. 
One thing Dean said that really resonated with me was how Contentstack’s multiple offerings represent a “supply chain” for your digital experiences. He mentioned it several times, and it really spoke to the idea of interdependence on the parts to deliver the whole. At the same time, the pieces can be interchanged in a composable way. But Launch – and its other products – are built with Contentstack in mind, which provides more features and flexibility.
“You can plug and play with other tools as you need them – or as you want to,” he said. “The fact of the matter is there are lots of different front-end hosting services out there, including the ones that you could build yourself. This one is designed to play very, very well with Contentstack specifically.”
And that’s what makes a composable DXP.
<h3>The countdown to Launch</h3>
If you’re interested in joining the mission, Contentstack Launch is in pre-GA and should be generally available in the next few months. According to Dean, they’re in an early adopter phase, and interested parties can request a demo or apply for early access on the <a href="https://www.contentstack.com/launch/?creative=651180332057&amp;keyword=contentstack%20launch&amp;matchtype=p&amp;network=g&amp;device=c&amp;campaign=19806932844&amp;adgroup=146548710469&amp;placement=&amp;utm_campaign=fy24-glob-dg-launch-us-ca&amp;utm_medium=paid_search&amp;utm_source=google&amp;gclid=CjwKCAjwzuqgBhAcEiwAdj5dRrCGvcWB6oY89DiyAitLebtNklaEF5zT2t22x2RXcJYxcqSUG8ZZSBoCx64QAvD_BwE" target="_blank">Contentstack Launch product page</a>.
“If you’re a good candidate for our program, we’ll bring you in, give you a nice bear hug of support, and make sure you have a really good experience.”
Sounds a bit like astronaut training. With "bear hug" service to boot.

Contentstack Launch Aims to Simplify Front-End Hosting: Interview with Dean Haddock, Senior Product Manager

Let's be honest: there's nothing quite like Awards Season. Just ask Moira Rose.
<div style="height:auto;width:500px">
<div class="tenor-gif-embed"><a href="https://tenor.com/view/moira-rose-schitts-creek-awards-favorite-season-gif-16223893">Moira Rose Schitts Creek GIF</a>from <a href="https://tenor.com/search/moira+rose-gifs">Moira Rose GIFs</a></div>
</div>

And it's not because of the glitz, the glamour, or even the drama (although last year's Oscars did deliver the <a href="https://www.cnn.com/2023/02/23/entertainment/oscars-crisis-will-smith/index.html" target="_blank">slap heard 'round the world</a>).
No, we love Awards Season because it's a celebration. An opportunity to cheer for the things we love. From film to music, actors to performers. Heck, even our favorite technologies.
Each year, CMS Critic is proud to feature our People's Choice Awards: a unique, one-of-a-kind platform for celebrating our industry. Since 2012, the People's Choice Awards have provided an opportunity for you – our community of digital professionals and stack fanatics – to tell us which platforms you love the most.
The People's Choice Awards are always fun and engaging, and the results never fail to surprise us. We put the power in your hands to nominate and vote, so it reflects your community participation. No matter how you feel about the outcomes, this is a win for every platform involved and your passionate users and fans.
This year, we had record participation from around the globe for both the nominations and final voting, and we're thrilled to share the winners you selected!
<h2>And the Oscar goes to...</h2>
But first, a quick reminder about the contest and how it worked:
<ul>
<li>In <a href="/nominate-your-favorite-platforms-for-the-2022-cms-critic-peoples-choice-awards/">December 2022</a>, we invited readers to nominate platforms across a set of categories on our website.</li>
<li>Nominations closed at the end of January.</li>
<li>The top five nominees (in the case of a few ties, the top six) were selected for voting in each category.</li>
<li>General voting began in early February and closed on February 20.</li>
<li>Participants could vote only once, and companies that offered incentives of any kind were disqualified.</li>
</ul>
And that's it! Without further ado, here are the winners of the 2022 People’s Choice Award winners:
<h4>Best Enterprise CMS: Contensis</h4>
<a href="https://www.contensis.com/" target="_blank"><img style="width:300px" src="https://cmscritic.com/ms-content/uploads/2023/03/contensis-logo.jpg" alt="Contensis Logo" /></a>
<hr />
<h4>Best DXP: Adobe Experience Cloud</h4>
<a href="https://business.adobe.com/" target="_blank"><img style="width:300px" src="https://cmscritic.com/ms-content/uploads/2023/02/adobe-edited.jpg" alt="Adobe Experience Cloud Logo" /></a>
<hr />
<h4>Best Free CMS: Joomla!</h4>
<a href="https://www.joomla.org/" target="_blank"><img style="width:300px" src="https://cmscritic.com/ms-content/uploads/2023/02/joomla-edited.png" alt="Joomla! Logo" /></a>
<hr />
<h4>Best Flat File CMS: Statamic</h4>
<a href="https://statamic.com/" target="_blank"><img style="width:300px" src="https://cmscritic.com/ms-content/uploads/2023/02/statamic-edited.jpg" alt="Statamic Logo" /></a>
<hr />
<h4>Best Open Source CMS: Umbraco</h4>
<a href="https://umbraco.com/?gclid=CjwKCAiAr4GgBhBFEiwAgwORrRdPATQsqJ5M2tqVIMIHVlkjBnO2Cl29dGTXI9dhb9_BNa9pqdulIhoCK40QAvD_BwE" target="_blank"><img style="width:120px" src="https://cmscritic.com/ms-content/uploads/2023/02/umbraco-edited.png" alt="Umbraco Logo" /></a>
<hr />
<h4>Best ECM (Enterprise Content Management): Microsoft SharePoint</h4>
<a href="https://www.microsoft.com/en-us/microsoft-365/sharepoint/collaboration" target="_blank"><img style="width:300px" src="https://cmscritic.com/ms-content/uploads/2023/02/sharepoint-edited.png" alt="Microsoft SharePoint Logo" /></a>
<hr />
<h4>Best E-Commerce Solution: Shopify</h4>
<a href="https://www.shopify.com/free-trial?term=shopify&amp;adid=565872334073&amp;campaignid=15436644439&amp;branded_enterprise=1&amp;BOID=brand&amp;gclid=CjwKCAiAr4GgBhBFEiwAgwORrQTcMx9LwHQNvRFM6fN3NdS4GIn0wcvVgK3LdPDmBWiVFRhMOA64HxoCZEQQAvD_BwE&amp;cmadid=516586854;cmadvertiserid=10730501;cmcampaignid=26990768;cmplacementid=324494812;cmcreativeid=163722649;cmsiteid=5500011" target="_blank"><img style="width:250px" src="https://cmscritic.com/ms-content/uploads/2023/02/shopify-edited.png" alt="Shopify Logo" /></a>
<hr />
<h4>Best Headless Commerce Solution: commercetools</h4>
<a href="https://commercetools.com/resources/booklet/microservices?utm_source=Paid%20Search&amp;utm_medium=Google%20Search&amp;utm_content=microservices-bookle-CA&amp;utm_campaign=MACH&amp;utm_term=commercetools&amp;utm_campaign=MACH%20retargeting%20AMER&amp;utm_source=adwords&amp;utm_medium=ppc&amp;hsa_acc=9131799125&amp;hsa_cam=19415290532&amp;hsa_grp=145609670540&amp;hsa_ad=643141341485&amp;hsa_src=g&amp;hsa_tgt=aud-1945381266863:kwd-366236213007&amp;hsa_kw=commercetools&amp;hsa_mt=p&amp;hsa_net=adwords&amp;hsa_ver=3&amp;gclid=CjwKCAiAr4GgBhBFEiwAgwORrbE7RUL47caWM3RyFkC6b649F5PR5Z6DHNnToZTeBOWkTjGjxOL6IBoCGAMQAvD_BwE" target="_blank"><img style="width:300px" src="https://cmscritic.com/ms-content/uploads/2023/02/commercetools-edited.png" alt="Commercetools Logo" /></a>
<hr />
<h4>Best Headless CMS: Contentful </h4>
<a href="https://www.contentful.com/" target="_blank"><img style="width:260px" src="https://cmscritic.com/ms-content/uploads/2023/02/contentful-edited.jpg" alt="Contentful Logo" /></a>
<hr />
<h4>Best Website Builder: YOOtheme</h4>
<a href="https://yootheme.com/" target="_blank"><img style="width:250px" src="https://cmscritic.com/ms-content/uploads/2023/02/yootheme-edited.png" alt="YOOtheme Logo" /></a>
<hr />
<h4>Best Static Site Generator: Next.js</h4>
<a href="https://nextjs.org/" target="_blank"><img style="width:200px" src="https://cmscritic.com/ms-content/uploads/2023/02/next-js-edited.png" alt="Next.js Logo" /></a>
<hr />
<h4>Best Composable System: Uniform</h4>
<a href="https://uniform.dev/" target="_blank"><img style="width:250px" src="https://cmscritic.com/ms-content/uploads/2023/02/uniform-edited.jpg" alt="Uniform Logo" /></a>
<hr />
<h4>Best Digital Experience Composition (DXC): Occtoo</h4>
<a href="https://www.occtoo.com/" target="_blank"><img style="width:250px" src="https://cmscritic.com/ms-content/uploads/2023/02/occtoo-edited.png" alt="Occtoo Logo" /></a>
<h2> </h2>
<h2>Congratulations to our People's Choice Winners!</h2>
There you have it, folks! Thank you again for participating in our Awards this year, and always, we welcome your feedback and your votes for next season!

Let's Celebrate the Winners of the 2022 CMS Critic People’s Choice Awards

Last week, <a href="https://agilitycms.com/" target="_blank" rel="noopener">Agility</a> announced its position as a “High Performer” in the <a href="https://www.cmscritic.com/top-free-headless-cms-platforms/">headless CMS</a> category for the Winter 2023 rankings by <a href="https://www.g2.com/products/agility-cms/reviews" target="_blank" rel="noopener">G2</a>.
The API-first composable “content platform” attributed its success in part to a new user interface called <a href="https://agilitycms.com/resources/posts/what-is-plenum-ui" target="_blank" rel="noopener">Plenum</a>, which has delivered a more modern and dynamic look to the platform.
“We are thrilled to have had such a successful year and be recognized as a high performer by G2,” said Joel Varty, CTO of Agility. “We are continuing to innovate and provide the best content platform for our customers' unique needs.”
<h2>Driving growth around headless and composable</h2>
Aside from the new look, Agility also launched a new management API which gives users more flexibility and automation options when configuring the backend for content management.
With these updates, Agility stated in a news release they have “propelled to the forefront of the composable and flexible architecture movement, going beyond the headless CMS space.”
<h2>More planned enhancements for 2023</h2>
For 2023, Agility has outlined additional enhancements for their in-platform experiences, including:
<ul>
<li>Content modeling that visibly tracks the evolution of their content models and page module schemas</li>
<li>A markdown editor field that provides a convenient tool for developers and markdown users</li>
<li>A robust app marketplace that facilitates users with extensive tools and integrations to enhance their content management experience</li>
</ul>
Varty also announced an integration with <a href="https://nextjs.org/blog/next-13" target="_blank" rel="noopener">Next.js 13</a> and the relaunch of the Agility partner program.
"Our users are loving the new Plenum UI, while developers are taking advantage of our new management API,” Varty said. “Plus, our updated Next.js 13 SDK has generated a lot of excitement - it’s a super powerful framework that Agility takes full advantage of. Moving forward, we are continuing to innovate with lots of announcements coming in 2023! Our goal is to provide the best content platform to fulfill all of our customers’ unique needs."
<h2>About Agility</h2>
Agility is a premium Content Platform for unique solutions. Its API-first platform is more than a headless CMS. With its flexible, agile and composable architecture built from the ground up, the platform is designed for enterprise teams to solve all of their unique content needs.

Agility Ranked as High Performer by G2 with Additional Updates Projected in 2023

mk-patterson

Agility CMS logo and G2 Winter 2023 High Performer badge

Top JAMstack Static Site Generators for 2021

paris-tuzun

Hotjar - Spot what confuses

Spot what confuses your users with Hotjar & AI

#ffffff

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