oRPC Optimize SSR
Installation
SKILL.md
Optimize Server-Side Rendering (SSR) for Fullstack Frameworks
Optimize SSR with oRPC to eliminate redundant network calls during server rendering.
The Problem
Standard SSR involves the server making HTTP requests back to its own API endpoints, adding latency.
Conceptual approach
// Use this for server-side calls
const orpc = createRouterClient(router)
// Fallback to this for client-side calls
const orpc: RouterClient<typeof router> = createORPCClient(someLink)
A naive typeof window === 'undefined' check exposes your router logic to the client. Use globalThis to share the server client without bundling into client code.
Related skills
More from ali-master/skills
orpc ecosystem
Community resources, starter kits, tools, and libraries for oRPC.
2orpc event iterator (sse)
Streaming responses, real-time updates, and server-sent events using oRPC.
2orpc comparison
How oRPC differs from tRPC, ts-rest, and Hono.
2orpc openapilink
Use OpenAPILink in oRPC clients to communicate with OpenAPI-compliant APIs.
2orpc middleware
Middleware enables reusable and extensible procedures in oRPC.
2orpc metadata
Enhance your procedures with metadata.
2