Theo's Typesafe Cult

TTC

Theo's Typesafe Cult

Join the community to ask questions about Theo's Typesafe Cult and get answers from other members.

Join

Expo Monthly Active User question

So I asked this in the expo discord, but my bet is I'll get a faster answer here. I'm real interested in Expo, but my idea is going to have a rather small revenue per user, so looking at the costs of Expo I am wanting to make sure I'm not about to make a money pit off of the MAU costs. So the documentation appears to cover it decently well but I have a single outstanding question that looking at the documentation doesn't appear to have answered: Is a "Monthly active user" a download from the app...

Does anybody have experience with Proxy Re-encryption?

Hiya! I'm trying to make a prototype for an app with a pretty complex set of requirements. ``` - Alice wants to share a secret message to a group of people she trusts. - This message can only be shared in a decentralized system (not blockchain!!), where everyone can see every message sent. - Once the message is sent, it can not be changed, and neither can the data attached to it, like a decryption key....

Renaming a file but on download it shows the file's key instead of it's name

Main tech stack: Nextjs: 15v, Drizzle orm: 0.39v, Clerk: 6v, Uploadthing: 7v. Github: https://github.com/webdevkaleem/zip4you Description:...
Solution:
got a PR up with a fix

What's the difference between the `api` exported from react.tsx and the `api` from server.ts?

I'm using Next, tRPC, & prisma. In the boilerplate, there's two api objects. One is created with createTRPCReact, and the other created with createHydrationHelpers. What's the difference in what they do? In the examples on StackBlitz there's only one, and it's created with createTRPCNext: https://stackblitz.com/run?file=example-app%2Fsrc%2Fpages%2Findex.tsx,example-app%2Fsrc%2Futils%2Fapi.ts
Solution:
the api from react.tsx is meant for the client with the tanstack-query bindings while the api exported from server.tsx is meant for use within the server only (async components and server functions)

Unfinished uploads (uploadthing)

Hi guys, I noticed in dev mode (isDev=true) the upload (client side) starts before the server calls /route-metadata. What if the server never calls /route-metadata ? The file is lost but the storage is used? Will I be billed for it? Is there any cleanup of unfinished uploads?...

Is t3chat blocked in Russia?

I tend to visit it at times, but now i am getting 403 without VPN 😦
No description

Next js cheat cheet

hi guys im looking for some cheat sheet or concepts reference beacuse im learning next for a project and it is too overwhelming

Symmetrical-Eureka

πŸš€ Hey T3 Theo Devs! πŸš€ We just launched Symmetrical-Eureka, an ultra-lightweight TypeScript ML framework with a built-in RPC system for neural networks. No dependencies, pure TS, blazing fast tensor computations, and modular deep learning models. πŸ”— Repo: Symmetrical-Eureka...

Passing generic inside tRPC query

Hi, I hope you're doing well. Server: ```typescript findManyUser: publicProcedure.input(UserFindManyArgsSchema)....

Next-auth Session is null on initial render with useSuspenseQuery

This one's been driving me crazy and I would love some help. I can't even work out whether it's TRPC, react query, or next-auth that's causing the issue. I'm using TRPC 11.0.0-rc-682, next-auth 5.0.0-beta.25, and the nextjs 15.1.3 app router. I have a route with an id param:...
Solution:
```typescript // server component export function ServerComponent() { void trpc.procedure.prefetch() ...

Nest.js CLI not working

I can't get nestjs to work. It can't find the command ```bash $ pnpx nest generate module auth...
Solution:
Solved it's pnpm nest ... instead of pnpx nest ...

email transition

hi there! i just created a new email and im looking to change the email that i registered with on t3chat to my new one. does anyone know how i can go about this?

I'm sorry, but angular, react, migration, thoughts?

TLDR: I am working at a company where the codebase is written in the MEAN stack. I have quite a lot of experience with react. We are only a team of 5 devs. How hard is it to migrate the angular code to react? Anyone done a migration like this? Does it make sense to do a migration like this? All thoughts about a big migration like this is highly appreciated! πŸ˜ƒ Rant: Why would i want to do this at all you might ask, well simply because i think angular sucks. Only been using it for a couple of weeks, but simple stuff as editor recognizing types and giving suggest for props is a hazzle in angular. The templating of angular does not give autocomplete or correction for errors, theres a whole list of reasons why i want to abandon the angular ship, but mostly it is because i feel like the angular community is none-existent, it seems to be near dead and it is really hard to find tutorials, ui libraries, discussions, examples and so on. And the thought process and syntax of the system just seems old. Importing a component into a new component means importing the thing twice in one file. Stuff like that is just insane to me. This is adressed in the 2025 strategy for angular, aka RFC for selectorless components - https://blog.angular.dev/angular-2025-strategy-9ca333dfc334, but i dont like the feeling of trusting a promise from google. Google does not have a great record of keeping their promises and keeping products alive. I could go on and on, but in the end i just want input on whether or not this is a crazy idea to suggest to the company. It is a frontend with about 30 pages, and probably about 1000 components, probably about 100K lines of frontend-code....

URGENT!! System Design Interview Prepration

I have an interview in an hour found some insight via leetcode discuss
A friend shared insights from the frontend system design round. The task was to design a dynamic sprint dashboard where users could modify the dashboard by adding columns such as β€œBacklog,” β€œScheduled,” β€œIn Progress,” etc. Each column could contain entities like tasks or stories. ...

Is there a public reasoning for the folder structure of ct3a?

Hi, is there any public reasoning why the folder structure of ct3a is like it is. Eg prisma being in ./ and not under ./src/server? Im just getting into BE dev and somewhat understanding prisma I'd put it under server. Of course I would just put it there but I believe there is a reason for this?...

DynamoDB adapter?

Neither Prisma nor Drizzle support DynamoDB. Should I just roll my own, or is there another recommended adapter for DynamoDB, even if it's not in the create-t3-app command?...

Invalid environment variables error | My Biggest Tutorial Ever Video

i'm getting this error while following Theo's latest tutorial. The error looks something like this: ``` ❯ pnpm run db:push ...
Solution:
fixed now, the issue was with the SINGLESTORE_DB_NAME. It was different on the singlestore CPanel and my .env.

TypeScript React: Confused about icon: Icon and {...}: Props syntax in component props

I'm working with a Next.js and TypeScript tutorial (https://www.youtube.com/watch?v=djDgTYrFMAY), and I came across this component syntax that I'd like to understand better: ```import {LucideIcon} from "lucide-react" type Props = {...

useSuspenseQuery always called on initial render

Using - t3stack, - trpc 11 - nextAuth 4 ...

Fetching data after Vercel deploy

Hey guys i got a question. I'm just learning to build fullstack app with next.js drizzle and neon. I configured it and everything works fine locally, but after vercel deploy, with same database url connection , it seems to be only fetching on the build time, and when i add records after that it doesnt fetch before redeploy. Why is that happening? I'm using newest version of next. And i just fetch on the page component with simple ```const offerList: Offer[] = await database.select().from(offers...