# Under the hood of MDN's new frontend

DevFeed: [Under the hood of MDN's new frontend](<https://devfeed.tech/articles/under-the-hood-of-mdn-s-new-frontend-4100.md>)

Original publisher: [Read original article](<https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/>)

Author: leo-mcardle

Published: 2026-04-08T00:00:00Z

Content type: article

Language: en

Sources: [MDN Blog](<https://devfeed.tech/sources/mdn-blog.md>)

Topics: [Front end](<https://devfeed.tech/topics/frontend.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [React](<https://devfeed.tech/topics/react.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML](<https://devfeed.tech/topics/html.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Git](<https://devfeed.tech/topics/git.md>), [JSON](<https://devfeed.tech/topics/json.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>)

Tags: [architecture](<https://devfeed.tech/tags/architecture.md>), [code](<https://devfeed.tech/tags/code.md>), [css](<https://devfeed.tech/tags/css.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [git](<https://devfeed.tech/tags/git.md>), [html](<https://devfeed.tech/tags/html.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [json](<https://devfeed.tech/tags/json.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [react](<https://devfeed.tech/tags/react.md>), [tool](<https://devfeed.tech/tags/tool.md>)

## AI overview

MDN's article explains the rebuild of its frontend, covering the architecture that transforms Markdown documentation into JSON and server-rendered HTML before global delivery. It discusses the limitations of the previous React application, including technical debt, complex Webpack configuration, build scripts, and inconsistent CSS practices.

## Source excerpt

You may have spotted that MDN has a new frontend. There's plenty happening under the surface, so let's unpack the technologies we chose, the architectural decisions we made, and why we did a rebuild at all.