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.

Voir le code sourcefull-stack
trpc
maintainer
trpc
Mis à jour 3/28/2026
Étoiles
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
Utilisation

Après l'installation, vous pouvez utiliser ce skill en exécutant la commande suivante dans votre terminal :

skills use nextjs-app-router