Recommended file structure for next.js?

Hey all - using tRPC heavily with next.js and it's great. Our main [trpc].ts file is getting huge and unwieldily - wondering what the recommendations are out there for organizing?
T
trash564d ago
hi, have you checked out this next example https://github.com/trpc/trpc/tree/next/examples/next-prisma-starter also check out the docs here: https://trpc.io/docs/v10/nextjs theres a recommended file structure section
JF
Jack Fischer564d ago
Hey thanks a bunch. I think these give you the basic layout but not how to break out [trpc].ts - is it recommended to put individual query/mutations in that same trpc directory for example?
T
trash564d ago
i believe the starter projects shows you how to break up your routers and keep them outside the [trpc].ts file https://github.com/trpc/trpc/blob/next/examples/next-prisma-starter/src/pages/api/trpc/%5Btrpc%5D.ts the server folder structure: https://github.com/trpc/trpc/tree/next/examples/next-prisma-starter/src/server
JF
Jack Fischer563d ago
Got it thanks!!
UU
Unknown User562d ago
J
julius562d ago
@latest uses v10 now too 🙂
More Posts
Unhandled Runtime ErrorTRPCClientErrorCall Stack Function.from node_modules\@trpc\client\dist\TRPCClientError-09b8a26b.esm.js (57:0) transWeird error when running unit test`10.0.0-proxy-beta.5` works just fine, error occurs on `10.0.0-proxy-beta.6` with the introduction oSharing middleware between TRPC serversWe currently have *microservices* REST API's on Cloudflare Workers and I'm thinking about moving thiIs `trpc.withTRPC` for Next supposed to work with pages or only `_app`?I'd love to only have TRPC mount on certain pages of my Next.js app. Is this currently supported?What does the WebSocketHandler do?I'm not sure what this is doing on the background.Are there any example of subscriptions working with react native ?queries and mutations are working pretty well with react native, I'm unable however to get subscriptRecommended way to prefetch client-sideIn react-query, you can do ``` queryClient.prefetchQuery(['todos', input], queryFn) ``` In trpc, IRevalidate API route from procedureHi, is there a way to revalidate a statically generated page from a trpc procedure? https://nextjs.Modifying payload client-side before cachingSay I have a payload that includes something like `category_id` in each of the items returned e.g.: errorFormatter is not being called?Could somebody confirm that this callback is called in the latest version? I call it from server sidResponse headersIs it possible to modify the response headers from server to client?API Response caching not working on vercel ⁉I've followed the instructions in https://trpc.io/docs/v9/caching for API Response caching and it's when throwing a TRPCError, is there a way to include an internal error code ?for the given screenshot, if such error happens I wanna prompt the user to login or something.Websocket connection failed.I'm following the websocket's example and it works fine as it is, however I changed some things and extra json property added after data when consuming a query hook.I have this issue where when consuming a RQ hook there is an extra `json` object that I have to useProblem using next+ssgHi, Im trying to use the @trpc/next SSG Helper and I get content on the page. Although I noticed tha