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.

檢視原始碼full-stack
trpc
maintainer
trpc
更新於 3/28/2026
星標
39965
分支
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.

安裝
$ install --globalskills.sh
使用

安裝後，您可以透過在終端機執行以下指令來使用此技能：

skills use nextjs-app-router