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

In a GMTC technical conference, Yang Yang from ByteDance Web Infra introduced how the company transforms "traditional web development" into a concrete, modern technology stack and engineering system called MWA (Modern Web Application) powered by the Jupiter framework.

The talk is divided into three parts: (1) a review of the limitations of the traditional front‑end stack, (2) an analysis of the industry‑wide shift toward modern web paradigms, and (3) a deep dive into ByteDance's own solution, including platform‑level infrastructure, unified engineering standards, and the MWA/Jupiter toolchain.

Key pain points of the legacy stack include scaffold‑generated boilerplate, fragmented project templates, limited Webpack abstractions, and poor integration with backend services, leading to duplicated effort, low cohesion, and difficult maintenance.

Modern trends such as JAMstack, serverless, meta‑frameworks, and unified client‑centric architectures are presented as the driving forces behind the paradigm shift, emphasizing better developer experience (DX) and user experience (UX).

ByteDance's solution consolidates these trends into a single, low‑code, zero‑configuration workflow: developers create an MWA project via the Goofy platform, receive automatic environment provisioning, and can instantly enable features like SSR, SSG, unbundled development, and integrated BFF APIs without manual setup.

The Jupiter framework provides a universal app runtime that supports multiple rendering modes (CSR, SSR, SSG, SPR) and seamless switching between them, while the MWA standard abstracts away build tools, routing, and deployment complexities.

After extensive internal testing, the MWA/Jupiter stack is being open‑sourced as Modern.js, with a public GitHub repository and documentation, inviting the broader community to adopt and contribute to the modern web development ecosystem.