Vercel Integration

Vercel is an all-in-one platform for frontend frameworks, supporting the best of both worlds with static and hybrid deployment options, as well as providing dynamic computations with the use of serverless functions.

Vercel provides a frictionless experience that handles all of the hard things for you:

  1. Deploy instantly
  2. Preview with ease
  3. Scale automatically
  4. Serve your content around the world with its global CDN

What We'll Cover

Agility CMS and Vercel 

Vercel offers an extremely helpful marketplace that allows you to extend and automate your workflow by integrating with your favorite tools, such as Agility CMS!

Our integration with Vercel will set the environment variables that allow you to connect to your data from Agility CMS in your Vercel applications. In addition, it will also configure your Agility CMS instance with a preview and production domain, which enables direct links for your editing team.

Deploy from GitHub Repo

On the GitHub repositories for our starter templates, you will notice a Deploy to Vercel button. This button will create an instance in Agility, and automatically deploy it to Vercel, also configuring the necessary environment variables for you.

Screen_Shot_2021-10-04_at_12.37.19_PM.png

Upon clicking the button, you will be taken into the deployment flow.

Step 1: Create Git Repository

First, to ensure you can easily update your project after deploying it, a Git repository must be created. 

Screen_Shot_2021-10-04_at_12.38.57_PM.png

Step 2: Add Agility CMS Integration

Next, you'll need to add the Agility CMS Integration.

Screen_Shot_2021-10-04_at_12.43.42_PM.png

Step 3: Authenticate with Agility CMS

When you add the integration, you'll be prompted to sign in or sign up.

Screen_Shot_2021-10-04_at_12.44.07_PM.png

Step 4: Create a New Agility CMS Instance

After creating a new account or logging into your existing account, you will be able to create a new Agility CMS Instance.

Group_2.png

When your Agility CMS Instance is created, you will be able to click to open your new Instance or click OK to continue with the deployment process.

Group_2_copy.png

Once the Agility CMS Integration has been added successfully and your instance has been created, Vercel will deploy your project, automatically configuring any necessary environment variables.

Screen_Shot_2021-05-26_at_5.25.02_PM.png

Adding the Agility CMS Integration from Vercel Marketplace

To add our Integration, search for the Agility CMS Integration in the Vercel Marketplace, then click on Add Integration.

Screen_Shot_2021-10-05_at_10.17.41_AM.png

Step 1: Select your Vercel Scope

You will then be asked to select a Vercel Scope to add the Integration to, select your Personal Account or your Vercel Team.

Screen_Shot_2021-10-05_at_10.20.26_AM.png

Step 2: Project Selection

Next, select the Projects to which the Integration will be added.

 

Screen_Shot_2021-10-05_at_10.31.15_AM.png

Specific Projects

Selecting Specific Projects will apply the environment variable values from a Single Instance to the Selected Project. You will most likely want to select this option.

All Projects

Selecting All Projects will configure and apply the environment variable values from a Single Instance to ALL of your Vercel projects. This will overwrite any existing Agility CMS environment variables that you may have already set on these projects.

This option may be useful if you plan on using multiple environments, e.g. DEV, QA, UAT, PROD.

Step 3: Authenticate with Agility CMS

Login or Sign Up to Agility CMS.

Screen_Shot_2021-10-04_at_12.44.07_PM.png

Step 4: Select Your Agility CMS Instance

After authenticating with Agility CMS, select an Instance to apply environment values from.

Group_3.png

Managing Access and Permissions

After adding the Agility CMS Integration to your Vercel project(s), you will be able to manage the Integrations access and permissions from your Vercel Dashboard.

Screen_Shot_2021-10-05_at_11.20.03_AM.png

 

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.