Blackwood - [Microfrontends]

Project: Repository

Microfrontend architecture using Module Federation. A Next.js host dynamically loads independent applications built with Vue 3 and Svelte 4, allowing different frameworks to work together in a single application.

Features:

• Independent deployment of each microfrontend
• Multi-framework support (React, Vue, Svelte)
• Runtime integration without build-time coupling
• Automatic fallback if any service fails

Technologies: Next.js 15, React 19, Vue 3, Svelte 4, Module Federation, TypeScript, pnpm workspaces

Front-end Design Progress

Project Mars in Vue:

Project Moon in Svelt:

If one of the projects goes down, the main host continues: