Deploying your Next.js site to Vercel

Follow

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.

Note

You will need to have a GitHub and a Vercel account to get your project deployed.

To start, head by going into Settings > Domain Configuration, and add a new Domain.

Screen_Shot_2020-10-29_at_10.05.17_AM.png

Click on Setup to connect to Vercel and deploy your Next.js website.

Screen_Shot_2020-10-29_at_10.06.14_AM.png

Give your project a name. It will be cloned from our agilitycms-nextjs-starter repository.

Screen_Shot_2020-10-29_at_9.42.33_AM.png

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.

Screen_Shot_2020-10-29_at_9.49.40_AM.png

Click on Deploy.

Screen_Shot_2020-10-29_at_9.53.14_AM.png

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.

Screen_Shot_2020-10-29_at_9.55.37_AM.png

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.

Screen_Shot_2020-10-29_at_10.01.13_AM.png

 🎉  Congratulations! You've successfully deployed your Next.js and Agility CMS website to Vercel!

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.