Theo's Typesafe Cult•2y ago

Create T3, appDir, tRPC

So I'm wanting to start new pet project, this'll be the first time I'm using T3 with Tailwind, Next, and tRPC. I want to use the new experimental appDir setting. When I create a repo with npm create t3-app@latest it defaults to the pages/ style. I added experimental: {appDir: true} to the next config, created a app/ directory, and copy pasted pages/index.tsx to app/page.tsx. But I'm getting errors saying I'm importing a component that needs useState, which only works on Client Components.

Maybe one of these should be marked as a client entry with "use client":
  node_modules/@trpc/next/dist/index.mjs
  src/utils/api.ts
  src/app/page.tsx

Maybe one of these should be marked as a client entry with "use client":
  node_modules/@trpc/next/dist/index.mjs
  src/utils/api.ts
  src/app/page.tsx

Should I forego T3 and setup Next/Tailwind/Typescript/tRPC manually, or should I adapt T3 into using app/ properly?

10 Replies

barry•2y ago

cant use appdir with t3

McKamykOP•2y ago

K so I should run the gambit on setting next up manually? is there another create template that I should run to?

scinorandex•2y ago

It's not that hard to setup trpc and prisma on top of create-next-app

McKamykOP•2y ago

gotcha, won't be using prisma, my DB is elasticsearch thanks so much, I'll work on that and fall back to t3 if I fail 🙂 any plans on T3 moving to appDir? I'm assuming when its not experimental?

Neto•2y ago

Yeah

Unknown User•2y ago

Message Not Public

julius•2y ago

https://github.com/trpc/trpc/issues/3297

GitHub

feat: Support RSC & App Layouts · Issue #3297 · trpc/trpc

Describe the feature you'd like to request We should make official support for Next 13 app layouts & RSC. Describe the solution you'd like to see Being able to transparently...

julius•2y ago

https://github.com/trpc/trpc/pull/3308

GitHub

next 13 experimentation by KATT · Pull Request #3308 · trpc/trpc

Related: #3297 🎯 Changes Mess around with Next.js 13 App Layouts ✅ Checklist I have followed the steps listed in the Contributing guide. If necessary, I have added documentation related to the...

julius•2y ago

Mostly waiting for some way to hydrate client components with data from the server i think

Unknown User•2y ago

Message Not Public

Gaming

Programming

Create T3, appDir, tRPC