Modern Web Development at ByteDance: From Traditional Front‑End Stack to the MWA/Jupiter Framework

ByteDance's Web Infra team presented a comprehensive overview of how the company evolved its front‑end engineering from a traditional, scaffold‑heavy stack to a modern, platform‑driven architecture called MWA (Modern Web Application) built on the Jupiter meta‑framework.

The talk began by highlighting the pain points of the legacy stack: duplicated project templates, heavyweight Webpack configurations, limited abstraction, and a split between code‑level and platform‑level concerns that caused high maintenance costs and slow iteration.

It then introduced the industry‑wide shift toward meta‑frameworks, JAMstack, and serverless tooling (esbuild, Vite, Snowpack) that replace monolithic bundlers and enable faster developer experience (DX) and better user experience (UX).

ByteDance's response is the MWA standard, which abstracts away scaffolding, provides zero‑config React projects, and integrates server‑side rendering (SSR), static site generation (SSG), and backend‑for‑frontend (BFF) APIs within a single codebase. Developers can create projects with a single command, e.g., npx create-mwa my-app , and enable features such as SSR by toggling a flag in the configuration file.

The Jupiter framework supplies a runtime API ( useLoader , createModel , useModel ) that unifies client and server logic, supports universal JavaScript execution, and allows seamless switching between CSR, SSR, and SSG modes without code changes.

Platform integration is a key differentiator: MWA projects are deployed on ByteDance's internal Serverless “frontend cloud”, automatically handling dependency pre‑compilation, scaling, and fallback to CSR when SSR encounters errors. The system also offers low‑code visual editors, automatic code style enforcement, and plug‑in based feature toggles.

Finally, the team announced that the internal Jupiter/MWA stack will be open‑sourced as Modern.js , providing the broader community with a production‑grade modern web development toolkit.