TanStack
New
TanStack Intent
Search...
K
Auto
Log In
Start
RC
Start
RC
Router
Router
Query
Query
Table
Table
DB
beta
DB
beta
AI
alpha
AI
alpha
Form
new
Form
new
Virtual
Virtual
Pacer
beta
Pacer
beta
Hotkeys
alpha
Hotkeys
alpha
Store
alpha
Store
alpha
Devtools
alpha
Devtools
alpha
CLI
alpha
CLI
alpha
Intent
alpha
Intent
alpha
More Libraries
More Libraries
Builder
Alpha
Builder
Alpha
Blog
Blog
Maintainers
Maintainers
Partners
Partners
Showcase
Showcase
Learn
NEW
Learn
NEW
Stats
Stats
YouTube
YouTube
Discord
Discord
Merch
Merch
Support
Support
GitHub
GitHub
Ethos
Ethos
Tenets
Tenets
Brand Guide
Brand Guide
TanStack Intent
/
Registry
/
@trpc/next
@trpc/next
11.16.1-canary.6 (latest) — 2 skills
11.16.1-canary.5 — 2 skills
11.16.1-canary.4 — 2 skills
11.16.1-canary.3 — 2 skills
11.16.1-canary.2 — 2 skills
11.16.1-canary.1 — 2 skills
11.16.0 — 2 skills
11.15.2 — 2 skills
11.15.2-canary.3 — 2 skills
11.15.2-canary.2 — 2 skills
11.15.1 — 2 skills
11.15.1-canary.2 — 2 skills
11.15.0 — 2 skills
11.14.2-canary.5 — 2 skills
11.14.1 — 2 skills
Copy install prompt
The tRPC Next.js library
Skills
(2)
Skills
All Skills
2
nextjs-app-router
framework
nextjs-pages-router
framework
Skills
2
History
nextjs-app-router
framework
react
Full end-to-end tRPC setup for Next.js App Router. Covers route handler with fetchRequestHandler (GET + POST exports), TRPCProvider with QueryClientProvider, createTRPCOptionsProxy for RSC prefetching, HydrateClient/HydrationBoundary for hydration, useSuspenseQuery for Suspense, and server-side callers.
430 lines
nextjs-pages-router
framework
react
Set up tRPC in Next.js Pages Router with createNextApiHandler, createTRPCNext, withTRPC HOC, SSR via ssr option and ssrPrepass, SSG via createServerSideHelpers with getStaticProps, and server-side helpers for getServerSideProps prefetching.
387 lines
