Setting up Netlify CI

When starting a new project in Fractal (Novicell frontend), we recommend you to setup Netlify.

You get a simple setup for designing/prototyping in the browser, automated deploy whenever you commit and an “environment” for each of your branches.

Both the designer and client can easily see how far along the development is, and give feedback during the process.

QA department can also use it for testing purposes.

Video time

Start by watching this general video from Netlify:

The only thing you need to change is this:

Build command:

gulp && gulp fractal:build

Publish directory:

build/

Slack nofifications

1. Go to https://api.slack.com/apps and click the "Create New App" in the top right corner.

2. Give your app a name like "Netlify - CUSTOMERNAME", and select Novicell in the "Slack workspace":

3. Go to Basic Information -> Add features and functionality and select "Incoming Webhooks".

4. Click the "Request New Webhook To Workspace"-button in the buttom of the page, to request the app installation in Novicell slack.

5. When you get your app accepted, you will see something like this:

6. Copy the "Webhook URL" in the input, and go to Netlify admin page.

7. In Netlify "Site settings" go the the "Build and deploy" settings, and select "Deploy notifications".

Click the "Add notification" and paste the Slack webhook and fill out the other fields: