微服务架构 nextjs-mf

什么是 MF（Federation-module）

多个独立的构建可以组成一个应用程序，这些独立的构建之间不应该存在依赖关系，因此可以单独开发和部署它们。
这通常被称作微前端，但并不仅限于此。
我们区分本地模块和远程模块。本地模块即为普通模块，是当前构建的一部分。远程模块不属于当前构建，并在运行时从所谓的容器加载。
加载远程模块被认为是异步操作。当使用远程模块时，这些异步操作将被放置在远程模块和入口之间的下一个 chunk 的加载操作中。如果没有 chunk 加载操作，就不能使用远程模块

nextjs-mf

它是 nextjs 的微服务架构解决方案，可以实现多个应用之间的模块共享。

支持

• next ^15 || ^14 || ^13 || ^12
• Server-Side Rendering
• Pages router

使用

import React, { lazy } from ‘react’;
const SampleComponent = lazy(() => import(‘next2/sampleComponent’));

Demo

• nextjs-mf-demo

重拾纯粹的写作