Skip to content

Your First Pipeline

This guide walks you through creating a complete pipeline from scratch — a two-stage CI workflow that installs dependencies, runs tests, then builds an artifact.

1. Create the pipeline

From inside a project, click New Pipeline. Give it a name like ci. The pipeline editor opens on an empty canvas.

2. Set up the trigger

Before adding stages, configure when the pipeline should run.

Click the Trigger button in the toolbar (or the trigger node if one is shown). Select:

  • Type: Push
  • Branches: main, develop

This means the pipeline will fire on every push to main or develop.

3. Add a "Build" stage

Click anywhere on the empty canvas. A panel appears — select Add Stage.

Name it Build.

A stage card appears on the canvas.

4. Add a job to the Build stage

Double-click the Build stage card to enter the stage view.

Click Add Job, name it install-and-test, and set Runs on to ubuntu-latest.

5. Add steps to the job

Double-click the install-and-test job card to enter the job view.

Add your first step by clicking Add Step:

Step 1 — Checkout

  • Type: git
  • Operation: checkout
  • Label: Checkout code

Step 2 — Install dependencies

  • Type: shell_command
  • Shell: bash
  • Script:
    bash
    npm ci
  • Label: Install dependencies

Step 3 — Run tests

  • Type: test
  • Framework: vitest (or jest, depending on your project)
  • Command: npm test
  • Label: Run tests

6. Add a "Deploy" stage

Use the breadcrumb to go back to the Pipeline view.

Add a second stage, name it Deploy.

Connect the stages: hover over the Build card, grab the handle on its right edge, and drag it to the Deploy card. An arrow appears showing the dependency — Deploy runs after Build succeeds.

7. Configure the Deploy job

Double-click into Deploy, add a job named build-artifact on ubuntu-latest.

Add one step:

  • Type: build
  • Tool: npm
  • Command: npm run build
  • Label: Build production bundle

8. Save the pipeline

Click Save in the top toolbar. Your pipeline is saved to pipel8ne's database.

9. Export to YAML

Click Export and choose your target platform (e.g. GitHub Actions). A .yml file downloads to your machine — ready to commit to your repository.


What you built

Trigger: push to main / develop


[Build Stage]
  └── install-and-test (ubuntu-latest)
        1. Checkout code
        2. Install dependencies
        3. Run tests

    ▼ (only if Build succeeds)
[Deploy Stage]
  └── build-artifact (ubuntu-latest)
        1. Build production bundle

Next: The Visual Canvas — learn all the canvas controls and shortcuts.

Released under the MIT License.