Chapter 15 · Part 3

CI/CD for Frontend Web

A focused chapter on ci/cd for frontend web, with practical delivery concerns, trade-offs, and the operational questions behind CI/CD work.

15-1

Why Frontend Web CI/CD Is Not Backend CI/CD

When a team starts building a CI/CD pipeline, the first thing that comes to mind is usually the backend. There is a server to restart, a database

6 min
15-2

Two Ways to Ship a Frontend: Static Files or a Running Server

When you start building a frontend application, one question will shape your entire deployment pipeline more than any framework choice: does this app need

5 min
15-3

Why Static Frontend Deployments Are Simpler Than You Think

You have built a React, Vue, or Angular app. It compiles fine on your machine. You run npm run build, and a dist folder appears with HTML, CSS, and

6 min
15-4

When Your Frontend Needs a Server: Building a CI/CD Pipeline for SSR Applications

You've just finished a feature on your Next.js app. The build passes locally. You push to production. But instead of a working page, users see a blank

5 min
15-5

Stop Sharing Screenshots: Why Your Team Needs Preview Deployments for UI Review

Picture this: a developer pushes a change to the checkout page. On their laptop, everything looks perfect. They send a screenshot to the product team via

5 min
15-6

Keeping Your Frontend Compatible With the API It Talks To

You have a new frontend build ready. The team reviewed the changes, tests passed, and the bundle is sitting in your CDN waiting to be deployed. But before

6 min
15-7

Releasing Frontend Changes Without Breaking Everything

You've just pushed a new version of your frontend. The build passed, the tests are green, and the deployment pipeline says "success." But when you check

7 min
15-8

What Happens After Your Frontend Goes Live? Monitoring That Actually Works

You just shipped a new version of your frontend. The build passed, the deployment finished, and the CDN is serving the latest bundle. But five minutes

6 min