---
title: "Playgrounds"
description: "Try oRPC instantly with pre-configured playground examples for Bun, Cloudflare, NestJS, Next.js, and Expo on StackBlitz or locally."
sidebar:
  icon: joystick
---

## Available Playgrounds

| Environment           | StackBlitz                                                                                          | GitHub Source                                                                     |
| --------------------- | --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- |
| Bun Playground        | [Open in StackBlitz](https://stackblitz.com/github/middleapi/orpc/tree/main/playgrounds/bun)        | [View Source](https://github.com/middleapi/orpc/tree/main/playgrounds/bun)        |
| Cloudflare Playground | [Open in StackBlitz](https://stackblitz.com/github/middleapi/orpc/tree/main/playgrounds/cloudflare) | [View Source](https://github.com/middleapi/orpc/tree/main/playgrounds/cloudflare) |
| NestJS Playground     | [Open in StackBlitz](https://stackblitz.com/github/middleapi/orpc/tree/main/playgrounds/nest)       | [View Source](https://github.com/middleapi/orpc/tree/main/playgrounds/nest)       |
| Next.js Playground    | [Open in StackBlitz](https://stackblitz.com/github/middleapi/orpc/tree/main/playgrounds/next)       | [View Source](https://github.com/middleapi/orpc/tree/main/playgrounds/next)       |
| Expo Playground       | [Open in StackBlitz](https://stackblitz.com/github/middleapi/orpc-expo-playground)                  | [View Source](https://github.com/middleapi/orpc-expo-playground)                  |

:::warning
StackBlitz has its own limitations, so some features may not work as expected.
:::

## Local Development

Prefer working locally? Clone the playground with:

```bash
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:

```bash
# 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](https://www.jaegertracing.io/) by running this in a separate terminal:

```bash
npm run jaeger
```

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