Back to Infisical

Vercel Connection

docs/integrations/app-connections/vercel.mdx

0.159.254.7 KB
Original Source

Infisical supports connecting to Vercel using API Tokens.

Setup Vercel Connection in Infisical

<Steps> <Step title="Move to API Tokens on Vercel"> Navigate to the Vercel **Account Settings** page by clicking on your profile icon in the top-right corner. ![Vercel API Tokens Tab](/images/app-connections/vercel/vercel-main-page.png) </Step> <Step title="Open API Tokens Tab"> Select the **API Tokens** tab from the left sidebar navigation menu. ![Vercel API Tokens Tab](/images/app-connections/vercel/vercel-settings-page.png) </Step> <Step title="Create the API Token"> Click the **Create** button and provide a name for your token (e.g., "Infisical Integration"). Choose appropriate scope permissions based on your requirements. <Note> If you configure an expiry date for your API token, you will need to manually rotate to a new token prior to expiration to avoid integration downtime. Consider setting a calendar reminder for this task. </Note> ![Vercel Create API Token](/images/app-connections/vercel/vercel-create-token.png) </Step> <Step title="Copy the API Token"> After creation, a modal with the API token will be displayed. Copy this token immediately and store it securely, as you won't be able to view it again after closing this dialog. ![Vercel Copy API Token](/images/app-connections/vercel/vercel-copy-token.png) </Step> <Step title="Token Created"> You should now see your newly created token in the list of API tokens on the Vercel dashboard. ![Vercel Connection Created](/images/app-connections/vercel/vercel-token-created.png) </Step> <Step title="Setup Vercel Connection in Infisical"> <Tabs> <Tab title="Infisical UI"> 1. Navigate to App Connections
                In your Infisical dashboard, navigate to the **Integrations** tab in the desired project, then select **App Connections**.
                ![App Connections Tab](/images/app-connections/general/add-connection.png)
            2. Add Connection

                Click the **+ Add Connection** button and select the **Vercel Connection** option from the available integrations.
                ![Select Vercel Connection](/images/app-connections/vercel/vercel-app-connection-option.png)
            3. Fill the Vercel Connection Modal

                Complete the Vercel Connection form by entering:
                - A descriptive name for the connection
                - The API Token you generated in steps 3-4
                - An optional description for future reference
                ![Vercel Connection Modal](/images/app-connections/vercel/vercel-app-connection-modal.png)
            4. Connection Created

                After clicking Create, your **Vercel Connection** is established and ready to use with your Infisical project.
                ![Vercel Connection Created](/images/app-connections/vercel/vercel-app-connection-created.png)
        </Tab>
        <Tab title="API">
            To create a Vercel Connection, make an API request to the [Create Vercel
            Connection](/api-reference/endpoints/app-connections/vercel/create) API endpoint.

            ### Sample request

            ```bash Request
            curl    --request POST \
                    --url https://app.infisical.com/api/v1/app-connections/vercel \
                    --header 'Content-Type: application/json' \
                    --data '{
                        "name": "my-vercel-connection",
                        "projectId": "7ffbb072-2575-495a-b5b0-127f88caef78",
                        "method": "api-token",
                        "credentials": {
                            "apiToken": "...",
                        }
                    }'
            ```

            ### Sample response

            ```bash Response
            {
                "appConnection": {
                    "id": "3c90c3cc-0d44-4b50-8888-8dd25736052a",
                    "name": "my-vercel-connection",
                    "projectId": "7ffbb072-2575-495a-b5b0-127f88caef78",
                    "version": 123,
                    "orgId": "3c90c3cc-0d44-4b50-8888-8dd25736052a",
                    "createdAt": "2025-04-01T05:31:56Z",
                    "updatedAt": "2025-04-01T05:31:56Z",
                    "app": "vercel",
                    "method": "api-token",
                    "credentials": {}
                }
            }
            ```
        </Tab>
    </Tabs>
</Step>
</Steps>