Deploying Sitecore XM Cloud Frontend (Next.js) on Vercel

In my previous blog , I discussed how we can deploy a Sitecore XM Cloud frontend built with Next.js to Netlify . Today, we'll explore how to deploy the XM Cloud frontend on Vercel —a cloud-based platform officially recommended by Sitecore for Jamstack-based Next.js deployments. In this post, we’ll walk through the steps to deploy a website integrated with Sitecore XM Cloud using Vercel . Prepare the GitHub Repository Create a public GitHub repository and commit/push your code. Set environment-specific values in the .env file. If you’ve made content or layout changes in your local XM environment, use the Sitecore CLI to publish those changes and verify that the content is available on Experience Edge . In your XM Cloud instance, publish all content and layout changes you want reflected on the live site. Connect Your GitHub Repository to Vercel Sign in to Vercel at vercel.com . You can log in using GitHub authentication , or navigate to: Profile Icon → Accou...