Deploying your Eleventy site to Vercel

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

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

Deploying your Eleventy site to Vercel

Updating The Eleventy site when Content is Published

Deploying your Eleventy site to Vercel

In Agility CMS, head to Settings > Sitemaps, and set up a click on the Automated Vercel Deployment which will take you through a deployment flow.

Screen_Shot_2021-05-20_at_12.45.24_PM.png

Screen_Shot_2021-05-20_at_12.43.25_PM.png

Install the Agility CMS integration that assists with the automated deployment flow.

Screen_Shot_2021-05-20_at_12.48.17_PM.png

Make sure the build command is npm run build, and override the output directory to dist. Then click Deploy.

When the site is deployed, you'll notice the site with its Published Content.

Screen_Shot_2021-05-20_at_11.35.17_AM.png

Updating The Eleventy site when Content is Published

To update your Production deployment when Content is Published, we'll need to set up a Webhook tonotify Vercel of these changes.

In Vercel, go to Settings > Git > Deploy Hooks and add a Build Hook. Copy the Webhook URL Vercel generates for you.

Screen_Shot_2021-05-20_at_12.53.42_PM.png

The Production Deployment of your Eleventy site will now rebuild and update when Publish events are made in Agility!

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.