Typesafe APIs Made Simple 🪄

oRPC is a powerful combination of RPC and OpenAPI, makes it easy to build APIs that are end-to-end type-safe and adhere to OpenAPI standards

---

Highlights

• 🔗 End-to-End Type Safety: Ensure type-safe inputs, outputs, and errors from client to server.
• 📘 First-Class OpenAPI: Built-in support that fully adheres to the OpenAPI standard.
• 📝 Contract-First Development: Optionally define your API contract before implementation.
• 🔍 First-Class OpenTelemetry: Seamlessly integrate with OpenTelemetry for observability.
• ⚙️ Framework Integrations: Seamlessly integrate with TanStack Query (React, Vue, Solid, Svelte, Angular), SWR, Pinia Colada, and more.
• 🚀 Server Actions: Fully compatible with React Server Actions on Next.js, TanStack Start, and other platforms.
• 🔠 Standard Schema Support: Works out of the box with Zod, Valibot, ArkType, and other schema validators.
• 🗃️ Native Types: Supports native types like Date, File, Blob, BigInt, URL, and more.
• ⏱️ Lazy Router: Enhance cold start times with our lazy routing feature.
• 📡 SSE & Streaming: Enjoy full type-safe support for SSE and streaming.
• 🌍 Multi-Runtime Support: Fast and lightweight on Cloudflare, Deno, Bun, Node.js, and beyond.
• 🔌 Extendability: Easily extend functionality with plugins, middleware, and interceptors.

Documentation

You can find the full documentation here.

Packages

• @orpc/contract: Build your API contract.
• @orpc/server: Build your API or implement API contract.
• @orpc/client: Consume your API on the client with type-safety.
• @orpc/openapi: Generate OpenAPI specs and handle OpenAPI requests.
• @orpc/otel: OpenTelemetry integration for observability.
• @orpc/nest: Deeply integrate oRPC with NestJS.
• @orpc/react: Utilities for integrating oRPC with React and React Server Actions.
• @orpc/tanstack-query: TanStack Query integration.
• @orpc/experimental-react-swr: SWR integration.
• @orpc/vue-colada: Integration with Pinia Colada.
• @orpc/hey-api: Hey API integration.
• @orpc/zod: More schemas that Zod doesn't support yet.
• @orpc/valibot: OpenAPI spec generation from Valibot.
• @orpc/arktype: OpenAPI spec generation from ArkType.

@orpc/vue-query

Integration with Vue Query. Read the documentation for more information.

1export function Setup() {
2  const query = useQuery(orpc.planet.find.queryOptions({
3    input: { id: 123 }, // Specify input if needed
4    context: { cache: true }, // Provide client context if needed
5  // additional options...
6  }))
7
8  const query = useInfiniteQuery(orpc.planet.list.infiniteOptions({
9    input: (pageParam: number | undefined) => ({ limit: 10, offset: pageParam }),
10    context: { cache: true }, // Provide client context if needed
11    initialPageParam: undefined,
12    getNextPageParam: lastPage => lastPage.nextPageParam,
13  // additional options...
14  }))
15
16  const mutation = useMutation(orpc.planet.create.mutationOptions({
17    context: { cache: true }, // Provide client context if needed
18  // additional options...
19  }))
20
21  mutation.mutate({ name: 'Earth' })
22
23  const queryClient = useQueryClient()
24
25  // Invalidate all planet queries
26  queryClient.invalidateQueries({
27    queryKey: orpc.planet.key(),
28  })
29
30  // Invalidate only regular (non-infinite) planet queries
31  queryClient.invalidateQueries({
32    queryKey: orpc.planet.key({ type: 'query' })
33  })
34
35  // Invalidate the planet find query with id 123
36  queryClient.invalidateQueries({
37    queryKey: orpc.planet.find.key({ input: { id: 123 } })
38  })
39}

Sponsors

License

Distributed under the MIT License. See LICENSE for more information.