Playgrounds

Try oRPC instantly with pre-configured playground examples for Bun, Cloudflare, NestJS, Next.js, and Expo on StackBlitz or locally.

Available Playgrounds

Environment	StackBlitz	GitHub Source
Bun Playground	Open in StackBlitz	View Source
Cloudflare Playground	Open in StackBlitz	View Source
NestJS Playground	Open in StackBlitz	View Source
Next.js Playground	Open in StackBlitz	View Source
Next.js Playground	Open in StackBlitz	View Source
Expo Playground	Open in StackBlitz	View Source

Local Development

Prefer working locally? Clone the playground with:

npx giget gh:middleapi/orpc/playgrounds/bun orpc-bun-playground
npx giget gh:middleapi/orpc/playgrounds/cloudflare orpc-cloudflare-playground
npx giget gh:middleapi/orpc/playgrounds/nest orpc-nest-playground
npx giget gh:middleapi/orpc/playgrounds/next orpc-next-playground
npx giget gh:middleapi/orpc-expo-playground orpc-expo-playground

Then install dependencies and start the dev server:

# Install dependencies
npm install

# Start the development server
npm run dev

Visit http://localhost:3000 to view the app.
Visit http://localhost:3000/api to explore the OpenAPI client.

OpenTelemetry

Collect OpenTelemetry traces with Jaeger by running this in a separate terminal:

npm run jaeger

Then play with your app and open http://localhost:16686 to see the traces in the Jaeger dashboard.