hub / github.com/ZephyrCloudIO/zephyr-examples

github.com/ZephyrCloudIO/zephyr-examples @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

732 symbols 1,876 edges 706 files 17 documented · 2%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

Zephyr Cloud Examples

Starter projects and reference examples for Zephyr Cloud.

Quick start: npx degit ZephyrCloudIO/zephyr-examples/{slug} my-app to scaffold any example.

Bundlers

Zephyr Cloud integrated with different bundlers — no Module Federation.

Example	Framework	Bundler	Complexity
Parcel + React	react	parcel	beginner
React + Rspack	react	rspack	beginner
React + Vite	react	vite	beginner
React + Rolldown	react	rolldown	beginner
React + Rollup	react	rollup	beginner
React + tsdown	react	tsdown	beginner

Module Federation

Micro-frontend architecture with Module Federation, Zephyr's core value proposition.

Example	Framework	Bundler	Complexity
Airbnb Clone (Module Federation)	react	rspack	advanced
Angular + Rsbuild Module Federation	angular	rsbuild	intermediate
Angular + Vite Module Federation	angular	vite	intermediate
React + Rsbuild Module Federation	react	rsbuild	intermediate
React Multi-Bundler Module Federation	react	webpack	advanced
React + Webpack Module Federation	react	webpack	intermediate
Tractor Store (Module Federation)	react	rspack	advanced

Frameworks

Non-React frameworks, meta-frameworks, and React Native.

Example	Framework	Bundler	Complexity
Angular + Vite	angular	vite	beginner
Astro	astro	vite	beginner
Ember + Vite	ember	vite	beginner
Modern.js	react	rspack	intermediate
React Native + Metro	react	metro	advanced
React Native + Re.Pack	react	repack	advanced
Rspress	react	rspack	beginner
SolidJS + Vite	solid	vite	beginner
Svelte + Vite	svelte	vite	beginner
TanStack Start	tanstack	vite	intermediate

Server

Server-side and edge runtime examples.

Example	Framework	Bundler	Complexity
Nitro + Elysia	nitro	nitro	beginner
Nitro Hello World	nitro	nitro	beginner
Nitro + Hono	nitro	nitro	beginner

Build Systems

Monorepo build system integrations.

Example	Framework	Bundler	Complexity
Nx + Rspack Module Federation	react	rspack	advanced
Turborepo + Rspack Module Federation	react	rspack	advanced

Learn More

Extension points exported contracts — how you extend this code

ButtonProps (Interface)

(no doc)

build-systems/turborepo-rspack-mf/packages/ui/src/button.tsx

PluginConfig (Interface)

(no doc)

frameworks/react-native-metro/packages/plugin-rnef-zephyr/src/plugin.ts

Props (Interface)

(no doc)

frameworks/react-native-repack/packages/mobile-core/src/auth/screens/AccountScreen.tsx

ZephyrWelcomeOptions (Interface)

(no doc)

frameworks/svelte-vite/src/zephyr-welcome.ts

ZephyrWelcomeOptions (Interface)

(no doc)

frameworks/astro/src/zephyr-welcome.ts

ZephyrWelcomeProps (Interface)

(no doc)

frameworks/modernjs/src/ZephyrWelcome.tsx

FileRoutesByFullPath (Interface)

(no doc)

frameworks/tanstack-start/src/routeTree.gen.ts

ZephyrWelcomeOptions (Interface)

(no doc)

frameworks/solid-vite/src/zephyr-welcome.ts

Core symbols most depended-on inside this repo

vrem

called by 36

frameworks/react-native-repack/packages/mobile-core/src/ui/hooks/useResponsiveSizes.ts

render

called by 31

frameworks/react-native-repack/apps/mobile-host/src/components/ErrorBoundary.tsx

frameworks/react-native-repack/packages/mobile-core/src/ui/hooks/useTheme.ts

scripts/src/validate-readmes.ts

getCurrentUser

called by 8

module-federation/airbnb-clone/apps/react-host/src/common/actions/getCurrentUser.ts

getListings

called by 7

module-federation/airbnb-clone/apps/react-host/src/common/actions/getListings.ts

Shape

Function 482

Interface 139

Method 73

Class 36

Enum 2

Languages

TypeScript91%

Kotlin9%

Modules by API surface

frameworks/react-native-metro/apps/example-host/src/database/NoteStorageManager.ts21 symbols

scripts/src/build-packages.ts14 symbols

scripts/src/upgrade-plugins.ts8 symbols

frameworks/react-native-metro/apps/notes-list/src/notes-list/notes-list.tsx8 symbols

scripts/src/utils.ts7 symbols

frameworks/tanstack-start/src/routeTree.gen.ts7 symbols

module-federation/airbnb-clone/apps/react-host/src/components/modals/RentModal.tsx6 symbols

frameworks/react-native-repack/apps/mobile-host/src/components/ErrorBoundary.tsx6 symbols

frameworks/react-native-repack/apps/mobile-cart/src/components/ErrorBoundary.tsx6 symbols

module-federation/tractor-sample/apps/explore/src/Recommendations.tsx5 symbols

module-federation/tractor-sample/apps/checkout/src/Checkout.tsx5 symbols

frameworks/react-native-repack/packages/mobile-core/src/auth/screens/AccountScreen.tsx5 symbols

For agents

$ claude mcp add zephyr-examples \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact