junior1
junior1•8mo ago

setting up trpc in next 14

Pleaase I need help on how to integrate trpc in next js 14, please help me
5 Replies
NeoBean
NeoBean•8mo ago
does it not work in next 14?
pkfire
pkfire•8mo ago
personally - i recommend not bothering with the new app router and just using pages, not sure if everyone agrees with this take tho or for app router you may want to use getStaticProps or something
NeoBean
NeoBean•8mo ago
the layout structure has indeed benefits, but for us its been more painful to switch than any benefits. so i agree too
Amr Eraky
Amr Eraky•8mo ago
offical tRPC + Next.js App directory adapter: https://github.com/trpc/examples-next-app-dir
GitHub
GitHub - trpc/examples-next-app-dir
Contribute to trpc/examples-next-app-dir development by creating an account on GitHub.
K1|ller
K1|ller•8mo ago
i added trpc to next 14 having 1 issue with server components but in localhost works great. Edit: solved I haven't tried the T3 template, might be a better bet but I don't like to code into something I don't know
More Posts
createTRPCReact transformers getting type errorHave anyone tried migration from TRPC router to app router apiI was learning the trpc and I wanna know to go back and forth with trpc and restapi. can anyone knowHas anyone integrated trpc + udp (quic/webtransport api)?Hi all, I'm thinking about taking advantage of quic for a certain part of my project. Basically I'm onSuccess invalidateI'm trying to follow along with Theo's T3 tutorial using the latest Next version and the app routerReact Query client and caller client under one objectWould love to know if it is possible to have caller and react query clients under one object? I feeI want to refetch and set the inital data of an useStateHello guys, currently i am retrieving the data i use in useState with `SSR`, but i want to use someVanilla Client Error HandlingWhat is the right way to handle errors when using the vanilla client? If I setup a client like so: sidebar searchPlease how will I implement a search on the left sidebar to let the items on the search bar be searcWS with TRPC```ts │  Type '({ req, res, }: { req: Request; res: Response; }) => CreateInnerContextOpts' is tRPC is butchering object types in return typesSo if I have a mutation that returns this type ```ts { name?: string } ``` the type that tRPC infers