The easiest way to deploy a Next.js website to production is to use Vercel from the creators of Next.js. Vercel is an all-in-one platform with Global CDN supporting static & Jamstack deployment and Serverless Functions. You can get your Next.js and Agility CMS website deployed with a Preview Environment setup within minutes from your Agility CMS Manager!
Deploy Via Vercel integration
We've made it super easy for you to deploy your Next.js and Agility projects to Vercel with the integration built-in to the Agility CMS Manager.
To start, head by going into Settings > Domain Configuration, and add a new Domain.
Click on Setup to connect to Vercel and deploy your Next.js website.
Give your project a name. It will be cloned from our agilitycms-nextjs-starter repository.
Copy the agilitycms-nextjs-starter into a new Git repository. This will ensure you can make updates to your project after deployment. Every push to the Git repository will automatically be deployed.
Click on Deploy.
When your deployment is done, authorize access between Vercel and your Agility CMS content so that we can automatically configure your Production and Preview domains.
Once authorized, you will be taken back into your Agility CMS Manager, and you will see that your Production and Preview domains have been set. You can click on the link to view your live site.
🎉 Congratulations! You've successfully deployed your Next.js and Agility CMS website to Vercel!