Front‑end Operations: Common Build Issues and DevOps Practices

This is the fifth article in a series that shifts focus to the interesting aspects of front‑end operations, a key part of the front‑end journey toward full‑stack development.

Front‑end operations differ from traditional ops because front‑end updates iterate rapidly, involving SSR, CSR, SSG, and constantly evolving frameworks; they often require custom Docker images with Chrome, Chinese fonts, and other tools not typically seen in back‑end environments.

Common build failures include:

Dependency or ghost‑dependency upgrades where a *.lock file forces old versions to be installed on the server, causing mismatched dependencies.

Globally installed packages missing from package.json , leading to missing modules during server builds.

Node version differences between local (e.g., 18) and server (e.g., 14 or 16) environments, causing API incompatibilities.

Missing third‑party software such as Python on the build server, which must be detected and installed in the build script.

Operations teams mainly focus on the following during the CI/CD process:

Permission issues: build scripts that need system‑level tools may require elevated privileges or custom base images.

Security concerns: vulnerable base images or services needing IP whitelist configuration.

Server resources: high‑performance machines for RN, APP, or iOS builds, emphasizing that hardware is a primary productivity factor.

Database matters: user permissions, network access, data synchronization, and backups.

Cluster deployment: image sync failures, insufficient pod resources, etc.

Using an "All‑in‑Docker" approach helps keep development, test, pre‑production, and production environments consistent by packaging dependencies, environment variables, and third‑party tools together.

In conclusion, for companies without a core Node business but with front‑end developers aiming for full‑stack capabilities, starting with a small DevOps pipeline is an effective entry point, leveraging the same team’s product, development, and user insights.