ByteDance's Serverless‑Based Frontend Development Model Upgrade

Wang Lei from ByteDance Web Infra presents an overview of the changing responsibilities of front‑end engineers across the PC, mobile, and Serverless eras, highlighting the shift from pure browser work to full‑stack tasks such as CSR, SSR, BFF, and micro‑frontend development.

The speaker then describes ByteDance's typical business patterns—large‑scale CSR applications, micro‑frontend admin systems, SSR pages for performance, and BFF services for UI‑backend gaps—illustrating the complexity of deploying and operating these services with traditional pipelines.

Traditional development workflows suffer from high development and operational costs, resource inefficiency, difficulty recruiting full‑stack talent, lack of shared best practices, and poor alignment with front‑end expectations. To address these issues, ByteDance adopted a Serverless‑centric approach that abstracts common infrastructure, provides out‑of‑the‑box deployment, AB testing, global CDN distribution, and integrated monitoring.

The new architecture consists of a unified platform offering five core capabilities: multi‑mode deployment (CSR, SPA, MPA, SSR, integrated BFF, micro‑frontend), AB/gray‑release controls, global monitoring and alerting, and seamless integration with internal engineering tools such as Jupiter and Modern.js. Developers only need to configure the desired mode; the platform automatically handles compilation, CDN upload, runtime provisioning, and service orchestration.

CI/CD pipelines have been enhanced with automated linting, security checks, offline/AB testing, performance audits (Lighthouse), and manual approval steps before production release. The system also supports customizable service orchestration for varied business needs.

Practical examples demonstrate how a simple CSR project can be upgraded to SSR, integrated BFF, and finally micro‑frontend with minimal code changes, leveraging the same development experience. Real‑world cases such as “懂车帝”, “抖音活动页”, and internal tools like the “研发工作台” showcase the workflow.

Micro‑frontend support is provided via the open‑source Garfish framework, enabling independent development, testing, and deployment of sub‑applications while presenting a unified UI to end users.

Extensive monitoring, logging, and runtime diagnostics (memory, CPU, GC, snapshots) are built into the platform, allowing operators to set thresholds, receive alerts via Feishu, and analyze logs across the entire request chain.

In conclusion, the Serverless‑based front‑end platform reduces development overhead, improves stability, and paves the way for future advancements in runtime optimization, integrated FaaS + BaaS ecosystems, and comprehensive one‑stop development environments.