Add self-hosted configuration docs for GitHub, GitLab, GCP SM, Vercel, Heroku, Netlify, Azure KV

docs/integrations/cloud/vercel.mdx

@@ -3,7 +3,9 @@ title: "Vercel"
 description: "How to sync secrets from Infisical to Vercel"
 ---
 
-Prerequisites:
+<Tabs>
+  <Tab title="Usage">
+  Prerequisites:
 
 - Set up and add envars to [Infisical Cloud](https://app.infisical.com)
 
@@ -15,7 +17,7 @@ Prerequisites:
 
 Press on the Vercel tile and grant Infisical access to your Vercel account.
 
-![integrations vercel authorization](../../images/integrations-vercel-auth.png)
+![integrations vercel authorization](../../images/integrations/vercel/integrations-vercel-auth.png)
 
 <Info>
   If this is your project's first cloud integration, then you'll have to grant
@@ -28,8 +30,8 @@ Press on the Vercel tile and grant Infisical access to your Vercel account.
 
 Select which Infisical environment secrets you want to sync to which Vercel app and environment. Lastly, press create integration to start syncing secrets to Vercel.
 
-![integrations vercel](../../images/integrations-vercel-create.png)
-![integrations vercel](../../images/integrations-vercel.png)
+![integrations vercel](../../images/integrations/vercel/integrations-vercel-create.png)
+![integrations vercel](../../images/integrations/vercel/integrations-vercel.png)
 
 <Info>
   Infisical syncs every envar to Vercel with type `encrypted` unless an existing
@@ -47,3 +49,37 @@ Select which Infisical environment secrets you want to sync to which Vercel app
   `AWS_ACCESS_KEY_ID`, `AWS_SECRET_ACCESS_KEY`, `AWS_SESSION_TOKEN`,
   `AWS_REGION`, and `AWS_DEFAULT_REGION`.
 </Warning>
+  </Tab>
+  <Tab title="Self-Hosted Setup">
+  Using the Vercel integration on a self-hosted instance of Infisical requires configuring an integration in Vercel.
+  and registering your instance with it.
+  
+  ## Create an integration in Vercel
+  
+  Navigate to Integrations > Integration Console to create a new integration.
+  
+   ![integrations Vercel config](../../images/integrations/vercel/integrations-vercel-config-integrations-console.png) 
+   ![integrations Vercel config](../../images/integrations/vercel/integrations-vercel-config-new-app.png) 
+    
+    Create the application. As part of the form, set **Redirect URL** to `https://your-domain.com/integrations/vercel/oauth2/callback`. Also,
+    be sure to set the API Scopes according to the second screenshot below.
+   
+   ![integrations Vercel config](../../images/integrations/vercel/integrations-vercel-config-new-app-form-1.png) 
+   ![integrations Vercel config](../../images/integrations/vercel/integrations-vercel-config-new-app-form-2.png) 
+   
+   ## Add your Vercel integration credentials to Infisical
+   
+   Obtain the **Client (Integration) ID** and **Client (Integration) Secret** for your Vercel integration.
+
+   ![integrations Vercel config](../../images/integrations/vercel/integrations-vercel-config-credentials.png) 
+   
+   Back in your Infisical instance, add two new environment variables for the credentials of your Vercel integration.
+
+   - `CLIENT_ID_VERCEL`: The **Client (Integration) ID** of your Vercel integration.
+   - `CLIENT_SECRET_VERCEL`: The **Client (Integration) Secret** of your Vercel integration.
+   
+  Once added, restart your Infisical instance and use the Vercel integration.
+
+  </Tab>
+</Tabs>
+