Playgrounds

Explore oRPC implementations through interactive playgrounds.

Available Playgrounds

Environment	GitHub Source
Next.js	View
TanStack Start	View
Nuxt.js	View
Solid Start	View
Svelte Kit	View
Astro	View
Contract-First	View
NestJS	View
Cloudflare Worker	View
Bun WebSocket + OpenTelemetry	View
Electron	View
Browser Extension	View
Multiservice Monorepo	View

Local Development

Clone any playground:

npx degit middleapi/orpc/playgrounds/next orpc-next-playground
npx degit middleapi/orpc/playgrounds/tanstack-start orpc-tanstack-start-playground
npx degit middleapi/orpc/playgrounds/nuxt orpc-nuxt-playground
npx degit middleapi/orpc/playgrounds/solid-start orpc-solid-start-playground
npx degit middleapi/orpc/playgrounds/svelte-kit orpc-svelte-kit-playground
npx degit middleapi/orpc/playgrounds/astro orpc-astro-playground
npx degit middleapi/orpc/playgrounds/contract-first orpc-contract-first-playground
npx degit middleapi/orpc/playgrounds/nest orpc-nest-playground
npx degit middleapi/orpc/playgrounds/cloudflare-worker orpc-cloudflare-worker-playground
npx degit middleapi/orpc/playgrounds/bun-websocket-otel orpc-bun-websocket-otel-playground
npx degit middleapi/orpc/playgrounds/electron orpc-electron-playground
npx degit middleapi/orpc/playgrounds/browser-extension orpc-browser-extension-playground
npx degit middleapi/orpc-multiservice-monorepo-playground orpc-multiservice-monorepo-playground

Then:

npm install
npm run dev