devietti / trpc-next13-app Goto Github PK

View Code? Open in Web Editor NEW

93.0 93.0 3.0 85 KB

tRPC + Next 13 app directory + TypeScript

JavaScript 2.26% TypeScript 97.74%

trpc-next13-app's People

Contributors

Stargazers

Watchers

Forkers

joshymcd mehdinourollah sergiuplesco shammalie

trpc-next13-app's Issues

How to create nested routes?

When I try to create a nested route, it gives me an error.

const nestedRouter = router({
  greet: publicProcedure.query(() => "nested hello world"),
});


export const appRouter = router({
  greet: publicProcedure.query(async()=> "hello world"),
  nested: nestedRouter,
});

When I go to http://localhost:3000/api/trpc/greet it works, but not when I go to
http://localhost:3000/api/trpc/nested/greet. The error is

404
This page could not be found.

How can I make nested routes work with app dir?

tRPC internal server caller for RSC?

Would creating an internal caller work for RSC.

Ref: https://trpc.io/docs/server/server-side-calls#input-query-example

import { initTRPC } from '@trpc/server';
import { z } from 'zod';
 
const t = initTRPC.create();
 
const router = t.router({
  // Create procedure at path 'greeting'
  greeting: t.procedure
    .input(z.object({ name: z.string() }))
    .query((opts) => `Hello ${opts.input.name}`),
});
 
const caller = router.createCaller({});
const result = await caller.greeting({ name: 'tRPC' });