Enlarged screenshot

How To Connect Netlify To YACSS

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

Netlify requires both a Netlify token and a GitHub OAuth connection. Make sure to complete all steps below. You can also find the full GitHub OAuth guide here: How To Connect GitHub OAuth To YACSS →
1

Open Cloud Connectivity

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

Step 1: Open Cloud Connectivity in YACSS
2

Prepare Your Inputs

You will need the following two values — we will retrieve them in the steps below.

  • Installation ID — Found in the GitHub URL after connecting Netlify to your GitHub account
  • Token — A personal access token generated from your Netlify user settings

Part 1 — Netlify Token

3

Generate a Netlify Access Token

Log in to app.netlify.com. Click your profile icon at the bottom left and select User settings. Go to Applications → OAuth and click New access token. Give it a name and create it. Copy the token and paste it into the Token field in YACSS.

app.netlify.com
Step 3: Generate personal access token in Netlify

Part 2 — GitHub Installation ID

4

Find the Installation ID

Open the same GitHub account that is connected to your Netlify account. Go to Settings → Applications → Installed GitHub Apps. Find Netlify in the list and click Configure.

If Netlify does not appear in the list, it means this GitHub account has not been connected to Netlify yet. You must connect them first.
Step 4: GitHub Applications page with Netlify

After clicking Configure, look at the URL in your browser. It will look like this:

github.com/settings/installations/{INSTALLATION_ID}

Copy the number at the end of the URL — that is your Installation ID. Paste it into the corresponding field in YACSS.

Step 4: Installation ID in GitHub URL

Part 3 — GitHub OAuth Connection

5

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 5: GitHub OAuth Connectivity in YACSS
Step 5: GitHub profile Settings menu
6

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 6: Developer Settings in GitHub
7

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 7: OAuth Apps list in GitHub
Step 7: Register new OAuth App form
8

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 Netlify account. When uploading to Netlify, you will also need to select a GitHub repository.
Step 8: Copy Client ID and Client Secret
Step 8: Paste into YACSS GitHub OAuth form
Done! Netlify and GitHub are now both connected to YACSS.
Shopping Cart
Scroll to Top