#Quick Start

Get up and running with Zephyr Cloud in minutes with your preferred bundler.

#Already have an app? Try our codemod!

🚀 One-line integration - Add Zephyr to your existing application instantly:

# Direct download and run
curl -fsSL https://with.zephyr-cloud.io | node

Or using your preferred package manager:

npx with-zephyr

yarn dlx with-zephyr

pnpx with-zephyr

bunx with-zephyr

Our intelligent codemod automatically detects your bundler (Webpack, Vite, Rspack, etc.) and configures Zephyr with zero manual setup. Perfect for adding Zephyr to existing projects without disrupting your workflow.

Learn more about the codemod →

#What do you want to start with?

1. 🚀 Rsbuild (Recommended)

   Extremely fast builds with Rspack. Zero-config setup with sensible defaults.

2. ⚡ Vite

   Lightning-fast development with instant hot reload and modern ESM.

3. 📱 Re.Pack (React Native)

   Advanced React Native bundling with Rspack-based tooling and hot reload.

4. 🔧 Rspack + Nx

   Powerful monorepo setup with Nx workspace and high-performance Rspack bundler.

#Integration Guides

Need to integrate Zephyr with your existing setup? We've got you covered:

#Framework Integrations

• React + Webpack - Classic React setup
• React + Rspack + Nx - Monorepo with Nx
• ModernJS Framework - Full-stack React framework
• Multi-Framework Setup - Vite, Rspack, and Webpack together

#Monorepo Solutions

• Nx Integration - Scalable monorepo development
• Lerna Support - Multi-package repositories
• Rush Integration - Enterprise monorepo management

#Advanced Setups

• Existing Applications - Add Zephyr to any project
• Multi-Bundler Projects - Mix different bundlers
• Enterprise Deployments - Custom cloud provider setup

#Micro-frontends and Module Federation

Zephyr makes it easy to build and deploy micro-frontend architectures using Module Federation. Share components, libraries, and entire applications across teams while maintaining independent deployments.

Key Benefits:

• Independent Development - Teams can work autonomously on different parts of your application
• Runtime Sharing - Share dependencies and components dynamically without bundling duplicates
• Incremental Migration - Gradually modernize legacy applications piece by piece
• Scalable Architecture - Build applications that grow with your organization

Ready to explore?

• 📚 Learn Module Federation - Understand the fundamentals
• 🏗️ Build Your First Micro-Frontend - Hands-on tutorial
• ⚡ See Real Examples - Production-ready patterns

#Need Help?

#💬 Join Zephyr Discord

Get real-time help from the Zephyr team and community! Ask questions, share your projects, and stay updated on the latest releases.

#📚 Learning Resources

• Architecture - Deep dive into how Zephyr works
• Best Practices - Learn from real-world implementations

Ready to deploy your first app? Pick your bundler above and let's build something amazing! 🚀