Microfrontends

Host em Next.js que carrega microfrontends React em runtime, cada um com deploy próprio.

Abrir remote de produtos
Host
Shell da aplicação: layout, navegação, tema e roteamento. Carrega os remotes em runtime, sem acoplar build.
Next.js 16App Routershadcn/ui
Remote
Feature independente com deploy próprio. Publica um remote-entry.js e também roda standalone.
React 19Deploy independenteStandalone
Contrato
O host só conhece mount, update e unmount. Props descem (tema, usuário) e eventos sobem via onEvent.
ESMVersionadoAgnóstico de framework
Estilos
Tailwind + shadcn nos dois lados. O remote injeta CSS próprio, escopado, sem vazar para o host.
Tailwind v4Tokens do shadcnTema sincronizado

Como o remote é carregado

  1. 1
    import()

    O host baixa o remote-entry.js publicado no domínio do remote.

  2. 2
    mount(el, props)

    O remote cria a própria árvore React dentro do elemento do host.

  3. 3
    onEvent(event)

    Ações no remote viram eventos que o host consome.