T3 and App Directory
Hello there, guys!
I just wanted to see if the T3 app stack properly works with the
app directory. Please let me know. Thank you very much!13 Replies
it doesnt
GitHub
feat: experimental appDir option and migration guide · Issue #1364 ...
Is your feature request related to a problem? Please describe. New features from Next.js 13 do not work with t3 app Describe the solution you'd like to see Create t3 app with appDir structure, ...
at least not yet
waiting for upstream support of trpc for appdir and for their example to be out of experimental, possibly next-auth as well
it does as I have done it's setup manually....... but you don't get to leverage server components anymore. (on a granular level at least)
as instead of trpc next, you use createTRPCReact
well you can set it up manually from the example that the trpc team already has
mmhmm
personally had issues with caching tho
not cache invalidation (which they dont have yet) but caching of the values themselves
that does seem to occur sometimes, but there might be workarounds for that as well
I now would only use trpc IF I am making a dynamic web application with constantly updating data on the page. Otherwise, simple server component fetch sufficies ( as I am now working with gql, I don't really need to setup api routes for everything anymore )
if you "just" want trpc in an app dir client island, that's pretty easy to do already. basically just follow the tRPC setup for a normal non-Next.js react app. i think some people have also made example repos of this.
the trpc team is working on some more fancy stuff like being able to call the same procedure from both a server actions and hooks, good invalidation for this, etc
that'd be nice
btw for status https://github.com/trpc/trpc/issues/3297
great
Jack Herrington
YouTube
Are React Server Components Really Slower?
Wait, hold up, React Server Components (RSCs) are actually slower in NextJS than the getServerSideProps/Pages model? Are you kidding me? Turns out, I'm not. Check out the results for yourself!
👉Code: https://github.com/jherr/pages-app-router-perf-test
👉 I'm a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up
👉 Don'...