cs-icon.svg

Netlify

The Netlify connector helps you build, deploy, and host the frontend of your web applications via Contentstack. For instance, consider a scenario where you update some content in Contentstack. This update triggers a webhook that notifies the Netlify connector to create a production build and deploy the frontend changes.

Set Up Netlify

Perform the following steps to set up the Netlify action connector:

  1. Click Configure Action Step from the left navigation panel.
  2. Click Action Step to configure third-party services.
  3. Within the Configure Action Step, click the Netlify connector.
    Netlify.png
  4. Under Choose an Action tab, select the Deploy Site action.
    Netlify-Action.png
  5. Click the + Add New Account button to set up your Netlify account (see screenshot in next step).
    Netlify-Configue-Action-Add-New-Account.png
  6. In the Authorize modal, enter a Title and a Token.
  7. You can generate a new token from the Personal access token section in your Netlify console. Navigate to User settings > Applications > New access token > Generate token.
    Netlify_Dashboard.png

    Additional Resource: For more information, refer to the Obtain a token in Netlify UI document.

    Then click Authorize.
    Netlify-Configue-Action-Authorize.png
  8. On the Configure Action page, click the Site ID textbox and select an ID from the Lookup drop-down. The Site ID is a unique identification given to a project configured in Netlify. You can select the desired project for which you want to configure the Netlify connector.
    Netlify-Configue-Action.png
  9. Click Proceed.
  10. You will see the input values which you have configured in the Configure Action modal.
    Netlify-Input.png
  11. Check if the details are correct. If yes, click Test Action.
     Netlify-Test-Action.png
  12. Once the action is successfully executed, you will get the final output, and the build gets initiated in your Netlify console. Click Save and Exit.Netlify-Output.png
  13. Log in to your Netlify console and navigate to the Deploy log window to check whether the build has been initiated or not.
    Deploy_Log.jpg

This sets up the Netlify action connector.

Was this article helpful?
^