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

Tanstack table

Can I add style to column group border in tanstack table?
No description

Hosting option for app serving lots of images

I have an application that serves a lot of ~40-80 kb images, the project is deployed using vercel but I already used up the free tier's perks for image optimization. I haven't tried deploying using a VPS because I've heard of the amount of overhead that comes with it as well. Would love any input on this as I am kind of a noob when it comes to handling these things. Thanks!

Using Next Js with GRPC Backend

I'm interning at a friend's startup building a SaaS for textile companies. The backend is in Go with gRPC, and I’m handling the frontend. While Angular is the proposed framework, I'm more comfortable with Next.js, which offers easy server-side rendering and data prefetching—crucial for our data-heavy tables and pagination. I’m exploring options like React Query or tRPC for managing data fetching, but I need to integrate them with gRPC without adding unnecessary complexity. What’s the best approach to efficiently prefetch data, handle pagination, and communicate with gRPC in this context? Anyone worked in a similiar codebase?...

What theme Theo was using in Vivaldi?

I just watched Theo's Google Drive clone tutorial and found his Vivaldi really nice! Does anyone know what theme he was using?...
No description

Massive Stripe Update Help - Plan to Prices (~2019 version - present)

I have to update a C# API I've inherited and the current version of stripe-dotnet it's on is 27.4.0 and I'm updating it to 47.3.0. One of the big changes I've noticed is that stripe wants you to move from Plans to Prices. I was hoping someone who knows Stripe well can give me a rundown on what the change is here? I have a snippet of the existing code here that is just trying to return the total monthly cost for a subscription. ```csharp foreach (var subscription in stripeCustomer.Subscriptions)...

INTERNAL_CLIENT_ERROR using uploading thing

Does anyone know what this error means? My file router is very simple: ```singleImageUploader: f({...
No description

what is the best way to generate a thumbnail image / poster for a video that is uploaded to UT?

I was thinking about using ffmpeg to generate a thumbnail from the uploaded video, but this might get costly on the server. and i dont like writing to the file system on the server as my own general rule. plus, this going to require uploading the thumbnail to UT after it is generated. I wish that UT automatically could create thumbnails for videos. But that might be asking too much. The other alternatives i was thinking of was AWS Lambda S3 solution or cloudfare. But that just defeats the purpos...

Folders in UploadThing

Hi Guys I've seen that folders are on the roadmap under "this year". Any idea what that means? I would really like to implement uploadthing as storage provider in my multi tenant payload cms app but to make this work I would need a way to see how much storage every tenant uses. What would be the way to work around before folders are available?...

Help Needed: Deployment Error on Netlify for T3 App

Hi everyone, I'm currently trying to deploy my T3 homepage following the tutorial https://www.youtube.com/watch?v=c-hKSbzooAg and I've encountered an error during the build process on Netlify. The error logs indicate issues with Corepack and the installation of pnpm. Here are the relevant parts of the log:...

UploadThing Regions

Hello there, I am planning on putting round about 200.000 (50Gb) images à 1-3Mb on UploadThing first Tier Plan and was wondering if there is a way to get any information about the regions? Latency tests and locations etc. I couldn't find any in the doc and are planning to publish my site for all major continents. Therefore, comparing services etc....

UTapi or is there Something better?

I have to make a form in which when i submit the form, the images are uploaded to uploadthing, and then all formdata along with the urls of the images are added to the database. Previously, I made an next js route handler and used utapi to which I gave the images via formdata and get back the urls and ids. I am currently refactoring a lot of apis and components. I have also upgraded to uploadthing v7. I was wondering is utapi is a still way to go or is there something else better....

Mishap with drizzle and singlestore

I was following Theos tutorial => https://www.youtube.com/watch?v=c-hKSbzooAg And when I first tried to run the pnpm run db:push nothing worked! I debugged and realised that a simple change from SINGLESTORE_HOST: z.string().url() to SINGLESTORE_HOST: z.string() will make it work!...

Correct way to add clerk auth to trpc

Hi, after 3 days of learning t3stack, i encounter some problems trying to create an privateProcedure, that using getAuth from and passing the "req", does not work, showing something like headers not defined, so i tried to modify api route, to only pass req, and not headers but also not working, im using app router, and i search on internet, and all solutions is for pages router, TypeError: Cannot read properties of undefined (reading 'headers'); The error will be redacted in production builds example code...

Fine-Grained Reactivity (Signals) in Qwik

Qwik (the JavaScript UI framework) uses signals for reactivity, meaning it should only re-render the DOM elements that directly depend on reactive state rather than the entire component that uses said state. However, consider the following example of conditional rendering: ```javascript import { component$ } from '@builder.io/qwik';...

Looking for a Mock Interview for Frontend Intern Role (Next.js Focus)

I am currently preparing for an interview for a frontend developer intern position. This will be my first interview and I am not sure what to expect. Would appreciate any tips or resources that would help prepare for the interview. Also if you have some time and would be willing to run through a mock interview, I'd be very grateful....

Fetch data in Next app to be available across all app

I am building a NEXT app and I have 4 routes in it, I already have reusable components, but I don't really know how to properly fetch data in one single place so that it would be accessible across all routes. Help?

shadcn Combobox (CommandGroup) Not Re-rendering with Component

I have this combobox component (https://github.com/tylerpashigian/t3-recipe-book/blob/feature/creatable-combobox/src/components/UI/combobox.tsx) built on shadcn’s combobox that allows for multi-select and creating a custom option if there are no search results found. I am running into an issue where a user may want to create a custom value even if there are similar results. On the branch I linked, I’ve added the avilableOptions variable, which should add a custom option if the search value isn’t empty and the props allow for custom values. I am seeing something strange where the value is correctly added to my availableOptions (tested by logging the values) but it is not reflected in the options in the dropdown. However if I close the popover and I reopen it with the value in the search field, the option is available. I assume this is due to one of the nested components not re-rendering properly. Does anyone have an idea on this? To provide some context, I have a recipe book and I’m selecting from predefined ingredients, but adding a new one if it doesn't exist. This works if there are no results found, but when trying to add "bacon”, “dry elbow macaroni” is being returned as a similar search result....

Trojan Virus in React Project!!

Recently, someone invited me to work on a React project. The job seemed suspicious, and I had doubts. Usually, if it's a scam, they send files containing malicious code. However, in this case, they asked for my GitHub username to send me an invite to a repository. Everything seemed legit, but I still felt something was off. I downloaded the code, which contained two folders—one for the frontend (React) and one for the backend (Node.js). After running the project, I noticed that Python was installed in the background, along with Python scripts running and requesting permissions. I installed Malwarebytes, and it detected a TROJAN. I still have no idea how the Node.js project installed the malware....