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.
    Click to enlarge

  4. Under Choose an Action tab, select the Deploy Site action.
    Click to enlarge

  5. Click the + Add New Account button to set up your Netlify account (see screenshot in next step).
    Click to enlarge

  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.
    Click to enlarge

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

    Then click Authorize.
    Click to enlarge
  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.
    Click to enlarge
  9. Click Proceed.
  10. You will see the input values which you have configured in the Configure Action modal.
    Click to enlarge

  11. Check if the details are correct. If yes, click Test Action.
     
    Click to enlarge

  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.
    Click to enlarge

  13. Log in to your Netlify console and navigate to the Deploy log window to check whether the build has been initiated or not.
    Click to enlarge

This sets up the Netlify action connector.