Summary - CI/CD and monitoring

Write a workflow with lint, test and build steps.

Summary - CI/CD and monitoring

In this group you learned CI/CD pipelines, GitHub Actions workflows and performance monitoring.

On every push build and test run automatically; quality thresholds are set with Web Vitals and Lighthouse. Secrets live on the platform, not in the repo.

Now you will write a cached build and test workflow.

Exercise Write the Test workflow

Write a test workflow. Use name: Test, on: push. Set up setup-node@v4 with node-version: '20' and cache: 'npm'. Run npm ci && npm test.

Show example solution

name: Test
on: push
jobs:
  test:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
          cache: 'npm'
      - run: npm ci && npm test

Test yourself

Which of the following is wrong?
- secrets are not written to the repo
- cache shortens npm ci time
- Lighthouse gives an accessibility score
- Web Vitals runs only on the server
Show answer

Web Vitals runs only on the server — Web Vitals runs on the client side.

Fill in the blank: checkout action

steps:
  - uses: actions/____@v4

Show answer

steps:
  - uses: actions/checkout@v4

Match concepts

CI

Merges changes
cache

Saves time
Lighthouse

Gives scores
secrets

Hidden keys

Next lesson: Challenge: Next.js API

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies