Playground

Interactive development environments for exploring and testing oRPC functionality.

Explore oRPC implementations through our interactive playgrounds, featuring pre-configured examples accessible instantly via StackBlitz or local setup.

Available Playgrounds

Environment	StackBlitz	GitHub Source
Next.js Playground	Open in StackBlitz	View Source
OpenAPI Playground	Open in StackBlitz	View Source
OpenAPI with Contract Playground	Open in StackBlitz	View Source
Express.js Playground	Open in StackBlitz	View Source

Local Development

If you prefer working locally, you can clone any playground using the following commands:

# Clone specific playground environments
npx copy-github-directory https://github.com/unnoq/orpc/tree/main/playgrounds/nextjs orpc-nextjs-playground
npx copy-github-directory https://github.com/unnoq/orpc/tree/main/playgrounds/openapi orpc-openapi-playground
npx copy-github-directory https://github.com/unnoq/orpc/tree/main/playgrounds/contract-openapi orpc-contract-openapi-playground
npx copy-github-directory https://github.com/unnoq/orpc/tree/main/playgrounds/expressjs orpc-expressjs-playground

For each project, set up the development environment:

# Install dependencies
npm install
 
# Start the development server
npm run dev

That's it! You can now access the playground at http://localhost:2026.

Available Playgrounds

Local Development

On this page