skills.homes logoskills.homescapability registry
home/categories/full-stack/trpc-trpc-packages-next-skills-nextjs-app-router-skill-md
cd ..
full-stackdevelopment

nextjs-app-router

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.

View Sourcefull-stack
trpc
maintainer
trpc
Updated 3/28/2026
Stars
39965
Forks
1571
quick start

Installation and usage

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.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use nextjs-app-router