TTC
Theo's Typesafe Cult•5mo ago
Jonathan

T3 Stack with React Native and Multiple NextJS with Turbo & Clerk

So I am building a project that has 3 distinct NextJS applications, 1 react native application. I have set up a project with a simple structure like this: 
- apps
---NextApp1
---NextApp2
---NextApp3
---ReactNativeApp
- packages
---ui (shared web components
---data (prisma basically)
- apps
---NextApp1
---NextApp2
---NextApp3
---ReactNativeApp
- packages
---ui (shared web components
---data (prisma basically)
I created all 3 of the next apps with create-t3-app and they are working great and are pretty isolated TRPC instances. So they each have their own routers and such which I could consolidate. But my question is what is the best pattern for introducing the ReactNativeApp into the equation. It will basically need to use the same TRPC service as NextApp1 for example. So here are my actual questions: - Should I move the routes for NextApp1 into a shared packages/common or some other package name? - When I do that, what do I need to change in the NextApp1 to handle this? - Would I just move the react.tsx and shared.tsx into the shared package? - I am using Clerk, how do I ensure it is getting passed into TRPC in the react native code? Is there a good example out there of all this?
Solution:
I found this example https://github.com/t3-oss/create-t3-turbo/tree/main
GitHub
GitHub - t3-oss/create-t3-turbo: Clean and simple starter repo usin...
Clean and simple starter repo using the T3 Stack along with Expo React Native - GitHub - t3-oss/create-t3-turbo: Clean and simple starter repo using the T3 Stack along with Expo React Native
Jump to solution
3 Replies
Jonathan
Jonathan•5mo ago
Because this covered so many technologies I thought this might be the best group to help
Solution
Jonathan
Jonathan•5mo ago
I found this example https://github.com/t3-oss/create-t3-turbo/tree/main
GitHub
GitHub - t3-oss/create-t3-turbo: Clean and simple starter repo usin...
Clean and simple starter repo using the T3 Stack along with Expo React Native - GitHub - t3-oss/create-t3-turbo: Clean and simple starter repo using the T3 Stack along with Expo React Native
Jonathan
Jonathan•5mo ago
which helped a lot.
Want results from more Discord servers?
Add your server
More Posts
t3 app + shadcn/ui, `select` component `className`s aren't passed to DOMi just ran `pnpx shadcn-ui@latest add select` and it added the component. u can see in the image, thnext-auth property 'user' does not exist on type '({ session: Session; user: AdapterUser; }I'm totally lost, keep getting error above when trying to pass user in the parameters for session inIs this tRPC API structure good to go?PlanetScale vs TursoI've been looking into both PlanetScale and Turso recently and wanted to gauge their pros/cons. TursAdd parameters to tRPC ContextI would like to add the parameters of the type `CreateNextContextOptions` to my tRPC context in my tUse React Query + Fetch for file uploadHey there, I'm using Cloudflare's presigned URL to upload files. To upload the file I'm using the feTroubleshooting Slow File Saving in t3 Stack with App Router: Seeking Help and WorkaroundsI'm currently using the t3 stack with App Router, and I've been experiencing significant delays whenHow to style the auth pagesI just started a new t3 stack complete with prisma and nextauth, but am a bit confused as to where tHave I been re-inventing useReducer or Redux?I am relatively new to React. Whenever I am using an array of objects as a state variable, I've beenusing @badrap/result with tRPCs resultsHey, we are using @badrap/result as return type of our routers because we dont really like throwing