orpc-client-side-clients
Call your oRPC procedures remotely as if they were local functions.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Menu
Call your oRPC procedures remotely as if they were local functions.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Quick reference for Better Notify configuration, patterns, and common gotchas
Interactive setup wizard for adding Better Notify to a TypeScript/JavaScript project
Context and API guidance for Better Notify — end-to-end typed notification infrastructure for Node.js
Seamlessly use AI SDK inside your oRPC projects without any extra overhead.
Use oRPC inside an Astro project.
Functions to encode and decode base64url strings (URL-safe variant of base64).
| name | oRPC Client-Side Clients |
| description | Call your oRPC procedures remotely as if they were local functions. |
| license | MIT |
| metadata | {"author":"Ali Torki","homepage":"https://github.com/ali-master","version":"1.0.0"} |
Call your procedures remotely as if they were local functions.
npm install @orpc/client@latest
Uses RPCLink; ensure your server uses RPCHandler or follows the RPC Protocol.
import { createORPCClient, onError } from '@orpc/client'
import { RPCLink } from '@orpc/client/fetch'
import { RouterClient } from '@orpc/server'
import { ContractRouterClient } from '@orpc/contract'
const link = new RPCLink({
url: 'http://localhost:3000/rpc',
headers: () => ({ authorization: 'Bearer token' }),
interceptors: [onError(error => console.error(error))],
})
const client: RouterClient<typeof router> = createORPCClient(link)
// or with a contract:
const client: ContractRouterClient<typeof contract> = createORPCClient(link)
const planet = await client.planet.find({ id: 1 })
const clientA: RouterClient<typeof routerA> = createORPCClient(linkA)
const clientB: RouterClient<typeof routerB> = createORPCClient(linkB)
export const orpc = { a: clientA, b: clientB }
import type {
InferClientInputs, InferClientBodyInputs,
InferClientOutputs, InferClientBodyOutputs,
InferClientErrors, InferClientErrorUnion,
InferClientContext
} from '@orpc/client'
type Inputs = InferClientInputs<typeof client>
type BodyInputs = InferClientBodyInputs<typeof client>
type Outputs = InferClientOutputs<typeof client>
type BodyOutputs = InferClientBodyOutputs<typeof client>
type Errors = InferClientErrors<typeof client>
type AllErrors = InferClientErrorUnion<typeof client>
type Context = InferClientContext<typeof client>
InferClientInputs / InferClientOutputs: full input/output types per endpointInferClientBodyInputs / InferClientBodyOutputs: only the body portionInferClientErrors: type-safe error map per endpointInferClientErrorUnion: union of all possible errorsInferClientContext: client context type