Nos bastidores do novo frontend da MDN

A MDN redesenhou seu frontend, migrando de uma SPA em React para uma arquitetura baseada em Lit, que utiliza web components para interatividade e componentes de servidor customizados para templating estático. Essa mudança resolveu o problema central de o React não conseguir interagir diretamente com o HTML da documentação. A nova configuração agora autodescobre e carrega sob demanda (lazy-loads) apenas o JavaScript e CSS necessário para cada página. Além disso, a plataforma usa Declarative Shadow DOM para renderização pré-JS e fez a transição do Webpack para o Rspack, o que reduziu o startup do servidor de desenvolvimento de dois minutos para apenas dois segundos, otimizando significativamente a experiência do desenvolvedor.