Despliegue con Zephyr Cloud

Zephyr Cloud es una plataforma de despliegue sin configuración que se integra directamente en tu proceso de build y ofrece distribución global en el edge para aplicaciones de Module Federation.

Cómo desplegar

  1. Instala el plugin de Zephyr para tu bundler (compatible con Webpack, Rspack, Vite, etc.):
npm
yarn
pnpm
bun
npm add zephyr-webpack-plugin
  1. Añade el plugin a tu configuración de webpack:
webpack.config.js
import { withZephyr } from 'zephyr-webpack-plugin';
const {
  ModuleFederationPlugin,
} = require('@module-federation/enhanced/webpack');
const mfConfig = require('./module-federation.config');

module.exports = withZephyr()({
  devServer: {
    port: 2000,
  },
  output: {
    publicPath: 'http://localhost:2000/',
  },
  plugins: [new ModuleFederationPlugin(mfConfig)],
});
  1. Haz el build de tu proyecto como de costumbre:
npm run build

Durante el proceso de build, tu aplicación de Module Federation se despliega automáticamente en la red edge global de Zephyr y recibes una URL de despliegue. Zephyr Cloud se encarga de la optimización de assets y de la resolución de dependencias, y ofrece capacidades de rollback automático para tus aplicaciones micro-frontend.