Deploying your Angular site to Vercel

This guide will cover the steps on how you can deploy your site built with Angular and Agility CMS to Vercel.

Before deploying your Angular site to Vercel, make sure you have a Vercel account and a GitHub account.

Deploy Via Vercel Integration

Updating The Eleventy site when Content is Published

Deploy Via Vercel Integration

We've made it super easy for you to deploy your Angular 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 > Sitemaps, then click Setup Deployment.

Screen_Shot_2021-03-11_at_12.57.25_PM.png

Select the Vercel Automated Deployment to connect to Vercel and deploy your Eleventy website.

Screen_Shot_2021-03-11_at_12.58.19_PM.png

First, create a Git Repository for your project to ensure you can easily update your project after deploying it.

Screen_Shot_2021-07-27_at_12.40.14_PM.png

Next, Install the Agility CMS integration that will authorize access between Vercel and your Agility CMS content so that we can automatically configure your Production and Preview domains, as well as set up your Environment Variables.

Screen_Shot_2021-07-27_at_12.40.54_PM.png

Lastly, Vercel will fetch the source code for the agilitycms-angular-starter and it will be cloned into your Git repository. Vercel will also build your project and upload/deploy your build output.

Screen_Shot_2021-07-27_at_12.41.43_PM.png

Once deployed you will be taken back to 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_2021-07-27_at_12.21.52_PM.png

 🎉  Congratulations! You've successfully deployed your Angular and Agility CMS website to Vercel!

Screen_Shot_2021-05-26_at_5.25.02_PM.png

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.