5 replies

tRPC example file structure question

Hi I'm reading tRPC docs for nextjs and they have a different file structure on their example. Would

layout.tsx

layout.tsx

be the equivalent of

pages/_app.tsx

pages/_app.tsx

page.tsx

page.tsx

? I'm not sure as my

page.tsx

page.tsx

has the code below and it looks nothing like the example

export default async function Home() {
  return ( /* components */ )
}

export default async function Home() {
  return ( /* components */ )
}

Solution

Yes, it should go in your root layout. Look at Create T3 App for an example.