Enlarged screenshot

How To Connect Vercel To YACSS

Vercel is a leading deployment platform for modern web projects. Connecting Vercel to YACSS requires two things: a Vercel access token and a GitHub OAuth connection. Both are covered in this tutorial.

Vercel requires both a Vercel token and a GitHub OAuth connection. Make sure to complete all steps below.
1

Open Cloud Connectivity

In YACSS, navigate to Cloud Connectivity from the sidebar. Click Connect on the Vercel card to begin the setup process.

Step 1: Open Cloud Connectivity in YACSS

Part 1 — Vercel Token

2

Generate a Vercel Token

Log in to vercel.com and go to the following URL to create a new access token:

vercel.com/account/settings/tokens

Give the token a name, select a scope and set expiration to No Expiration. Click Create. Copy the token that appears — it is only shown once.

The token is only shown once. Copy it before closing this screen — it cannot be retrieved later.
Step 2: Create token in Vercel
Step 2: Copy token from Vercel
3

Paste Into YACSS & Save

Return to YACSS. Paste the token into the Token field and click Save.

Step 3: Paste token into YACSS and save

Part 2 — GitHub OAuth Connection

4

Open GitHub OAuth Connectivity

In YACSS, navigate to OAuth Connectivity → GitHub in the sidebar and click Add New. Then open github.com/settings/profile, click your profile icon and select Settings.

Step 4: GitHub OAuth Connectivity in YACSS
Step 4: GitHub profile Settings menu
5

Open Developer Settings

Scroll to the bottom of the Settings sidebar and click Developer settings. Then go to OAuth Apps and click New OAuth App.

Step 5: Developer Settings in GitHub
6

Register the OAuth App

Fill in the form with the following values, then click Register application:

  • Application name — Any name you want
  • Homepage URL — https://yacss.site/
  • Authorization callback URL — https://app.yacss.site/user/github-redirect.php
Step 6: OAuth Apps list in GitHub
Step 6: Register new OAuth App form
7

Copy Credentials & Authorize

Click Generate a new client secret. Copy both the Client ID and Client Secret and paste them into the YACSS GitHub OAuth form. Click Submit — YACSS will redirect you to GitHub where you need to click Authorize to complete the connection.

Make sure the GitHub account you connect here is the same account connected to your Vercel account. When uploading to Vercel, you will also need to select a GitHub repository.
Step 7: Copy Client ID and Client Secret
Step 7: Paste into YACSS GitHub OAuth form
Done! Vercel and GitHub are now both connected to YACSS.
Shopping Cart
Scroll to Top