Auto-deploy on build
Manage dependencies for micro-frontends
Generate live preview links in seconds
Version rollback and
roll-forward
roll-forward
Your Cloud.Your Platform.Your Framework.
Bring the power of modern cloud platforms to your cloud.
Visualize changes in any environment
From development machines to the edge in milliseconds.
Unlock new possibilities in frontend deployment velocity by leveraging our first class support for large teams using module federation and micro-frontends.
Discover relationships between micro-frontends and publish environments and modules independently.
Discover relationships between micro-frontends and publish environments and modules independently.
Bring your own cloud—no vendor lock in, full flexibility
Freedom. Flexibility. No lock-in. Choose the cloud provider of your choice and we will bring the rest - all you need to do is integrate your cloud provider with Zephyr Cloud.
Framework agnostic, use what works best for your team
We build from the bundler level rather than frameworks. Leverage the tools and technologies your team excels in without restrictions. Need a new plugin for your framework or bundler?
Talk to our team in Discord.
Talk to our team in Discord.
Focus on code, not operations
Move to Zephyr Cloud without refactoring your application.
95%
Avg. time saved
0.3 sec
Avg. time to deploy
0.1 line
Of code to get started
Deploy with one command
./rspack.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import{dirname} from "node:path";
import{fileURLToPath} from "node:url";
import{defineConfig} from "@rspack/cli";
import{rspack} from "@rspack/core";
importRefreshPluginfrom "@rspack/plugin-react-refresh";
import{withZephyr} from "zephyr-webpack-plugin";
const__dirname=dirname(fileURLToPath(import.meta.url));
constisDev=process.env.NODE_ENV=== "development";
export defaultwithZephyr()({
context:__dirname,
entry: {
main: "./src/main.jsx"
},
Terminal
1
2
3
4
5
npmrun build
ZEPHYRdeploying.....
ZEPHYRuploading assets to edge.....
ZEPHYRapplication_id: team-green.Zephyr_Cloud_Id_Staging_Main_Zack_C
ZEPHYRdeployed to https://zephyr-cloud-io-staging-env.zehyr-cloud.com
./rspack.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { withZephyr } = require("zephyr-webpack-plugin");
const { ModuleFederationPlugin } = require('webpack').container;
const path = require('path');
module.exports = withZephyr()({
entry: './src/index',
mode: 'development',
devServer: {
static: path.join(__dirname, 'dist'),
port: 3002,
},
output: {
publicPath: 'auto',
},
module: {
rules: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
options: {
presets: ['@babel/preset-react'],
},
},
],
},
const { withZephyr } = require("zephyr-webpack-plugin");
const { ModuleFederationPlugin } = require('webpack').container;
const path = require('path');
module.exports = withZephyr()({
entry: './src/index',
mode: 'development',
devServer: {
static: path.join(__dirname, 'dist'),
port: 3002,
},
output: {
publicPath: 'auto',
},
module: {
rules: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
options: {
presets: ['@babel/preset-react'],
},
},
],
},
Terminal
1
2
3
4
5
npmrun build
ZEPHYRdeploying.....
ZEPHYRuploading assets to edge.....
ZEPHYRapplication_id: team-green.Zephyr_Cloud_Id_Staging_Main_Zack_C
ZEPHYRdeployed to https://zephyr-cloud-io-staging-env.zehyr-cloud.com
./rspack.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { withZephyr } from 'vite-plugin-zephyr';
import Inspect from 'vite-plugin-inspect';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
react(),
Inspect({ build: true, outputDir: 'dist/.vite-inspect' }),
withZephyr(),
],
});
import react from '@vitejs/plugin-react';
import { withZephyr } from 'vite-plugin-zephyr';
import Inspect from 'vite-plugin-inspect';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
react(),
Inspect({ build: true, outputDir: 'dist/.vite-inspect' }),
withZephyr(),
],
});
Terminal
1
2
3
4
5
npmrun build
ZEPHYRdeploying.....
ZEPHYRuploading assets to edge.....
ZEPHYRapplication_id: team-green.Zephyr_Cloud_Id_Staging_Main_Zack_C
ZEPHYRdeployed to https://zephyr-cloud-io-staging-env.zehyr-cloud.com
Full Observability For Federated Applications
Zephyr Cloud solves these issues with unparalleled visibility and control.
Cloud agnostic
Bring your own cloud, without vendor lock-in from AWS to Vercel to Netlify. See our supported platforms here.
Dependency management
Visualize dependencies. Streamline the handling of project dependencies and conflicts.
Deploy to the edge
Utilize the full power of your cloud provider to enable global edge deployment.
Version lock-in
Opt in for manual production promotion or comprehensive rule-based promotion with granularity.
Collaborate in every environment
Preview all different versions within a team in real-time.
Act from your terminal
Integrate with your existing build tool for deployment without interfering with your original build process. Deploy upon each `npm run build`.
Distributed systems, visualized
View graph and sub-module relationships within our dashboard and preview all versions in Chrome Extension.
Multi-frameworks in runtime
Within our supported frameworks, you can combine them together in one application.
Kickoff with @ZephyrCloudIO and this is the most compelling first 15 minutes i can remember from a platform in a long time, in terms of humans and proposition. TLDR: very fucking fast framework agnostic micro frontend deployment. 6 people kicking ass.
Mad man deploying to prod on each save
Lois
CEO of htmx.org
Our first hire got pitched by CEO before she joined the team: “I just tried @ZephyrCloudIO and … wow.”
Colum Ferry
Senior Software Engineer Nxdevtools
A demo of RSC MF, @vercel, @ZephyrCloudIO and @NxDevTools would be very interesting.
Nx has made great strides to make the local developer experience with MF as frictionless and scalable as possible, whilst Zephyr Cloud takes MF and gives it steroids.
Nx has made great strides to make the local developer experience with MF as frictionless and scalable as possible, whilst Zephyr Cloud takes MF and gives it steroids.
Kickoff with @ZephyrCloudIO and this is the most compelling first 15 minutes i can remember from a platform in a long time, in terms of humans and proposition. TLDR: very fucking fast framework agnostic micro frontend deployment. 6 people kicking ass.
Mad man deploying to prod on each save
Lois
CEO of htmx.org
Our first hire got pitched by CEO before she joined the team: “I just tried @ZephyrCloudIO and … wow.”
Colum Ferry
Senior Software Engineer Nxdevtools
A demo of RSC MF, @vercel, @ZephyrCloudIO and @NxDevTools would be very interesting.
Nx has made great strides to make the local developer experience with MF as frictionless and scalable as possible, whilst Zephyr Cloud takes MF and gives it steroids.
Nx has made great strides to make the local developer experience with MF as frictionless and scalable as possible, whilst Zephyr Cloud takes MF and gives it steroids.