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

Client Side CTX not being available

Hello, I previously had my T3 project set up with Clerk JS and Stripe. I was able to run a createCheckOutSession from the Client Side, but ever since updating to Next JS 15, Clerk 6, and React 19, my client side related ctx is not availabe. However, my server side is still available. Are there any changes I'm supposed to make to the T3 Stack CTX code when I upgrade?...

T3 Stack: ReferenceError: Cannot access 'createCaller' before initialization

I want to use tRPC with mutations to upload a file in Next Js / T3 Stack with Supabase. But no POST requests are working. The default 'post' mutation from the T3 stack template also does not work. ```...

Recommended code analysis tool for React?

I'm interested in adding a code analysis tool for my React-Typescript project to check what can I improve. I already have ESLint and Prettier. Perhaps I could use SonarCloud or Snyk, but my issue is that: 1) The things SonarCloud detects when it does code analysis are not advanced enough for me to think that it's worth it. It detects code duplication, possible undefineds, etc. That's fine, but I'm looking for a tool that is more advanced and detects less obvious stuff. ...

PNPM being weird

pnpm run build (or run any command)  ERR_PNPM_INVALID_NODE_VERSION  "21" is not a valid Node.js version The correct syntax for stable release is strictly X.Y.Z or release/X.Y.Z ...

Cannot execute an Effect versioned 3.10.10 with a Runtime of version 3.10.3

I just followed the set up guide for Svelte with Upload Thing. I added all of the components, the component renders, but it has this error. I'm guessing there's a dependency issue in UploadThing somewhere with Effect. Not sure how to fix. I'm on 7.1.1 of the svelte library

Posthog analytics on api hotpaths.

Hi, I have an app with many APIs we expose to users (Actually tanstack start serverFns). These APIs are calling downstream APIs from one of our providers. I'd like to get some insight into which of our ServerFns are calling which downstream APIs, and how often. I'm thinking of using Posthog, because I've heard lots about them....

How to get uploaded date from listFiles()

I'm not sure why, but listFiles() does not return the uploaded date? Is there a way to do it?...

Nextjs Route Cache using Tags (ISR)

Hey, I was just wondering if it is possible to use tags for full routes in next. Usually when I implement some ISR logic, I do something like this ```ts // app/products/page.tsx export const dynamic = "force-static"; ...
Solution:
Update: Interestingly, I don't need that anymore. It seems Nextjs is smart enough to remember what data calls are being used for pre-rendering the page. When I build and deploy, it pre-renders and cache the full route. When I then revalidate a tag for my data cache, it will also re-render the page on the next request and cache that newer version. Pretty nice - seems like I missed that from the docs.

How do I add team members to uploadthing????

Am I a dumbass or is there no way to add my team here? I just upgraded to paid plan because it said I can have 10 team members...

Are media-processing capabilities on the uploadthing roadmap?

I'd love to hear from someone on the team regarding whether or not uploadthing will be getting media processing capabilities in the future. I believe I remember Theo mentioning something related to this when he was excitedly purporting the benefits of using a dedicated ingest server. I suspect that others, like myself, are very willing to pay for these capabilities. In my mind, uploadthing should serve as the defacto upload/media processing option and this would likely lead to a better longevity for the product....

Don't understand how the bandwith part of uploadthing works

Hi! I have read some of the docs and the landing page and on there is written: Your Auth. Our Bandwidth. Im making a platform with video content (not live obv), where basically you will be able to watch some pre uploaded video content. It probably is going to have max 100 concurrent watchers of a certain video. With uploadthing it seems to me that Im limited on the storage....

Next Image Loader Only Shows Loader

Hello, can anyone tell me what I am doing wrong with my Next Image loader? It will only show the loader and not the intended image. Thanks in advance. I'm sure I am missing something very obvious but I don't see it. Url: https://image-loader-five.vercel.app/ Code: https://github.com/jex441/image-loader/blob/main/src/app/page.tsx...

using T3 Stack with Elysia ( Bun )

I am using T3 stack all over my projects because its a very easy to use stack but I want to use Elysia instead of node js into T3 Stack faster response times.

What's the folder structure of the zillow's "product page"??

I want to replicate the "product page" of zillow.com. It shows a modal instead of the product page but you can see how the url changes too. Also if you paste that url in the browser it will open the same page but not in a modal format. What would be the folder structure of this in nextjs? (.) ? https://www.zillow.com/homes/for_sale/...
No description

Is upload thing HIPAA compliant?

Hi, I am currently developing a telehealth platform, and am looking for storage and access control for session videos for the clinicians, and I was wondering if anyone knows if upload thing is HIPAA compliant.

HELP IN MASS UPLOADING IMAGES

I plan to upload approximately 7GB of images. However, I have noticed that the URLs generated after upload include a unique hash for each image, as shown in the attached examples. In order to properly manage the content, I would need to be provided with an Excel or CSV file that includes a list of the original name of each uploaded image and its respective system-generated URL. This would make it much easier for me to integrate the resources into our system. Below is an example of what I request: • Original file name: 38706531.jpg • Generated URL: https://utfs.io/f/8b64514b-c212-4a74-b727-eaa199044197-passkj.jpg...

[Expo + UT] Error when importing @uploadthing/expo

Hey, I am building an expo app and I am getting this error when importing the package (only on native, web works fine)
Property 'TextDecoder' doesn't exist
Property 'TextDecoder' doesn't exist
...
No description

is it ok to have two rows for friendship between two users in my friends table?

i am working on adding friends feature in my app let's say User A sends a friend request to User B then User B sends to user A , a friend request is it ok to have two rows one when User A send user User B a friend request and vice versa to indicate that these users are friends or is there a better way to do the friendship in my database .

Deleting pictures on the server side from the client side

I have questions ,I have done the uploadzone and all in uploadthing because I’m creating a marketplace. But is there a way to delete the picture from the client side When the user deleting the picture themself on the client side, it doesn’t happen on the server side, I mean the upload thing dashboard. And also, when a user chooses a picture and then upload the picture in the website without submitting the form, I want the images uploaded to be deleted on the server side which is the upload thing dashboard . <UploadDropzone onClientUploadComplete={(res) => { setImage(res[0].url)...

CORS Access Control Error Svelte Kit

Hey, I've been trying to do a fetch request on the client instead of the server, I'm hosting a static svelte site on gh pages, so I need to do things on the client. But calling these methods on the client give these errors above. Here is my code: ```ts $effect( () => { GetFindPackages( "" ).then((res) => { if ( !res ) return; packages = res;...
No description