Playgrounds

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
Nuxt.js Playground	Open in StackBlitz	View Source
Solid Start Playground	Open in StackBlitz	View Source
Svelte Kit Playground	Open in StackBlitz	View Source
Contract-First Playground	Open in StackBlitz	View Source

WARNING

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

Local Development

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

npx degit unnoq/orpc/playgrounds/nextjs orpc-nextjs-playground
npx degit unnoq/orpc/playgrounds/nuxt orpc-nuxt-playground
npx degit unnoq/orpc/playgrounds/solid-start orpc-solid-start-playground
npx degit unnoq/orpc/playgrounds/svelte-kit orpc-svelte-kit-playground
npx degit unnoq/orpc/playgrounds/contract-first orpc-contract-first-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:3000.