Articles

Vercel Article

<p>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. </p>
<p>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.</p>
<p>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. </p>
<h2>Ready for AI with a purpose-built SDK</h2>
<p class="renderers_paragraph__4vwlW">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. </p>
<p class="renderers_paragraph__4vwlW">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.</p>
<p>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. </p>
<p>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. </p>
<h2>A playground for chat</h2>
<p>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.</p>
<p>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. </p>
<h2>About Vercel</h2>
<p>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.</p>


Vercel Introduces SDK for Building AI Apps with React and Svelte

cms-critic-staff

<p><a href="https://vercel.com/" target="_blank">Vercel</a>, the cloud platform for frontend developers, has released a new tool called <a href="https://vercel.com/docs/workflow-collaboration/visual-editing" target="_blank">Visual Editing</a> – designed to help frontend developers and marketers create and edit content directly on the Vercel site. These changes can then be synchronized and sent back to a user’s headless CMS without ever opening it.</p>
<p>The feature is being launched with <a href="https://www.cmscritic.com/sanity-raises-39-million-focuses-growth-on-content-as-data-for-transformative-digital-experiences/">Sanity</a>, and its current version is in a limited private beta for Sanity CMS enterprise users.</p>
<h2><strong>Experience live changes instantly</strong></h2>
<p>Unlike a monolithic digital experience platform where users typically make content changes in a one-size-fits-all WYSIWYG editor, tech stacks with a headless CMS may find it difficult to find and edit content from the decoupled architecture. This is especially true for content-heavy marketing teams without the technical expertise to rely on a headless system.</p>
<p>With Visual Editing, each team can visually see the content they’d like to edit in an easy-to-use and easy-to-connect editor – and watch live edits be imported into the headless CMS. Marketing teams will no longer have to rely on developers to make changes, freeing up resources for both teams.</p>
<p>Activating this new feature is meant to be seamless. From a <a href="https://vercel.com/blog/visual-editing" target="_blank">Vercel blog article</a> announcing the tool, implementing Visual Editing with Sanity's modern CMS does not require any changes to how a site is programmed. CMS providers can simply add an additional argument when calling a CMS API, and visual editing becomes available.</p>
<h2><strong>Focus on user experience</strong></h2>
<p>Vercel has made many strides to enhance the user experience, including <a href="https://vercel.com/docs/concepts/incremental-static-regeneration/overview" target="_blank">Incremental Static Regeneration</a>, which allows users to create or update content without redeploying a site. Another feature called <a href="https://vercel.com/docs/concepts/deployments/preview-deployments" target="_blank">Preview Deployments</a> allows users to preview changes in an app during live deployment without merging changes to a Git project’s production branch. A tool called <a href="https://vercel.com/docs/workflow-collaboration/comments">Comments</a> was added recently to allow teams and invited participants to leave direct feedback.</p>
<p>Each change marks a new level of sophistication in providing users the tools they need to edit content quickly and without the constant starting and stopping often documented by any large content team in charge of deploying multiple sites or massive quantities of content.</p>
<h2><strong>What’s next for Vercel?</strong></h2>
<p>With many recent changes dedicated to improving user experience and actively deployed features that cement that commitment, there appears to be a lot of interesting innovation on the horizon. The announcement of its latest product feature has already delighted customers, marketers, and developers alike, even while still in beta. </p>
<p>It's worth noting that Vercel is an <a href="https://www.businesswire.com/news/home/20230404006070/en/Vercel-Expands-its-Cloud-Offering-to-AWS-Marketplace-and-Joins-AWS-ISV-Accelerate-Program" target="_blank">AWS partner</a> and a <a href="https://machalliance.org/newsroom/MACH-Alliance-Announces-New-Members-Capgemini-Sitoo-and-Vercel" target="_blank">member</a> of the MACH Alliance, a nonprofit organization committed to expanding MACH (microservices, API-first, cloud-native SaaS, and headless) architecture.</p>
<h2><strong>About Vercel</strong></h2>
<p>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.</p>
<h2><strong>About Sanity</strong></h2>
<p>Sanity is the platform for structured content that lets teams build exceptional digital experiences. By treating content as data, modern organizations use our APIs to build optimal editing workflows and share content between systems to increase digital velocity. Our mission is to be the most versatile system for creating and distributing digital content to any device, application or channel. Dual-headquartered in San Francisco and Oslo, Norway, Sanity is used by thousands of companies including Unilever, Puma, National Geographic, and Condé Nast. Learn more at <a href="https://cts.businesswire.com/ct/CT?id=smartlink&amp;url=http%3A%2F%2Fwww.sanity.io%2F&amp;esheet=52763704&amp;newsitemid=20220628005411&amp;lan=en-US&amp;anchor=http%3A%2F%2Fwww.sanity.io&amp;index=8&amp;md5=f5b2de497d993d89c1f5d03eadc1fb60" target="_blank">http://www.sanity.io</a>.</p>


Vercel Launches New Visual Editing Feature with Sanity CMS

mk-patterson

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

Vercel Introduces SDK for Building AI Apps with React and Svelte

Vercel Launches New Visual Editing Feature with Sanity CMS