tRPC Studio

A modern, simple studio for testing and exploring tRPC endpoints.

demo.mov

Quick Start

1. Add introspection to your tRPC API:

npm install @trpc-studio/introspection
# or
yarn add @trpc-studio/introspection

import { createTRPCRouter } from '@trpc/server';
import { addIntrospectionEndpoint } from '@trpc-studio/introspection';

export const appRouter = addIntrospectionEndpoint(
  createTRPCRouter({})
);

2. Visit tRPC Studio
3. Enter your API URL (e.g., https://your-api.com/api/trpc)
4. Start testing your procedures!

Development

# Install dependencies
yarn install

# Start development server
yarn dev

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.