TTC

Theo's Typesafe Cult

Join the Theo's Typesafe Cult server to ask questions!

Join

TTC

Theo's Typesafe Cult

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

Join

ragnar

3/12/2025

Tailwindcss looks weird after @uploadthing/react/styles.css

https://docs.uploadthing.com/getting-started/appdir#add-upload-things-styles I have completed all the steps in the documentation but there are still problems with my project. The styles of my project are all messed up. Any solution? versions: ```...

Sadiq Vali

3/11/2025

How can we handle transferable={false} with Clerk elements while building custom UI?

import { SignIn } from "@clerk/nextjs"; export default function Page() { return ( <div className="w-full min-h-screen flex items-center justify-center">...

raphico

3/11/2025

Error: cannot find package in yarn PnP

I’m working on a Yarn v3 workspace using Plug’n’Play (PnP) for package management, and I’m encountering a module resolution issue when running my server When I try to start my development server using nodemon, I get the following error: node:internal/modules/run_main:122...

Hamza Ali Turi

3/11/2025

Revalidation for data using next.js 15 route handlers

I've developed an application using Next.js 15, utilizing API routes for the backend. However, I'm encountering an issue where, after posting data, the new information only appears upon manually refreshing the page. Despite looking at official documentation, watching tutorials, and reading articles, I haven't found a solution. I'm beginning to think that to achieve active refresh upon table updates, I might need to use Server Actions instead of API route handlers, since whereever I looked at for revalidation, everyone was using server components. // DataTable.tsx ```typescript useEffect(() => {...

cheesedie

3/11/2025

Request url has trailing slash before query params depending on params order

Encountered a very strange issue, I am not sure if it is related to axios or something else so I'll try to find help here. I am using a custom useQuery wrapper and custom axios instance for fetching data: ``` const listUsers = usePaginatedQuery({...

Prateek Kumar

3/11/2025

How do I check video metadata in frontend without using any packages that requires NodeJS.

How do I check video metadata in frontend without using any packages that requires NodeJS. I need a full fledged frontend solution.

Nads

3/11/2025

The image is stored on UploadThing but it doesn't return the url

Hello everyone, Locally, everything works correctly, including image uploads, but in production, it's not the case. Could this be due to a Cloudflare block? Is there something additional that I'm missing? The API runs on Next.js....

Hex

3/11/2025

Google Docs Clone Tech Stack

I've been thinking about creating a Google Docs clone with Google Classroom integration. However, I’ve never built a full-stack app before—only Chrome extensions and frontend websites using TypeScript and Svelte. I'm curious about what tech stack people would recommend. I watched Theo’s video, "I Built the Same App with 5 Different Stacks," and have been learning a lot about Elixir. However, I’m unsure if the potential scalability benefits are worth learning an entirely new language. Would learning Elixir be useful for development when my main goal is to land a job? I imagine most companies primarily use a full TypeScript stack. I'm open to learning a new language, but I don’t want to invest time in Elixir only to find that I never actually use it in a job....

taco-man

3/10/2025

Redux Optimistic update

hey guys i am making a desktop app with electron, i wanna ask regarding how u keep the states synced between sqlite and redux ( or any state management lib ) rn what i m doing is doing optimistic updates on (optimistic update bts put it in the queue) ``` dispatch(addOptimisticWorkspace({workspace:newWorkspac})...

vikram960

3/9/2025

which SaaS is used to make this https://docs.uploadthing.com/

I am looking forward to know which documentation saas or open source application has been used to create this documentation like we are looking forward to migrate from intercom and I liked this and couple of other companies like https://docs.erxes.io/ is also using similar but I am unable to findout which is it? Please if anybody knows share the name of saas or opensource application

xSenny_

3/9/2025

Stream Closed, but I'm getting my results

So I have this procedure that simply returns a list of objects from db: ```js getAllHabits: protectedProcedure.query(({ ctx }) => { if (!ctx.session.user.id) return []; // return [] const userId = ctx.session.user.id;...

rubberburger

3/9/2025

Mac: Disable window resize when moving mouse pointer to right edge of screen

Hey mac users, do any of ya'll have a solution for this? Like maybe an external app / github repo or something?

FluX

3/8/2025

Filter/search files in uploadthing REST API

I'm building a tiny wrapper around the uploadthing REST API. You can list files with the listFiles endpoint, but it doesn't seem to accept any type of params for filtering. Since there's a search bar in the uploadthing files overview, I thought there would be a way to also filter files via API. I could fetch all files and filter them myself, but that seems inefficient....

crazy

3/8/2025

Unit/Integration test strategies for create-t3-app?

I come from a Java app maintenance background, and I'd like to try to do more product development in my spare time. create-t3-app looks great for that, but I like to have a lot of tests, especially because I haven't written much typescript in the last little while. I don't see much written about test strategies other than integration tests for the TRPC controllers https://create.t3.gg/en/usage/trpc#sample-integration-test. Is this enough normally for large applications? Does anyone have other recommendations? What about testing the frontend with NextJS?...

AdmiralGeneralAladeen

3/8/2025

CSS scroll snap to CSS column rule

Hey, This is a really tough question, but does anyone know how I can get CSS scroll snap working to the edge of a css column, like say I have 10 css columns horizontally (most of them off screen of course), I want to be able to snap between the columns...

Tri

3/8/2025

Where is QwQ-32B hosted at?

I want to study this model for a project and I suspect it's fireworks but wanted to verify. It's quite fast w/ t3.chat.

Solution:

It's from Groq. You can find the different providers on status page: https://t3.chat/status

Daniel Gutiérrez

3/7/2025

How does Theo hide the Mac's Menu Bar without occupying screen space?

Check out this clip to understand what I mean: https://youtube.com/clip/UgkxHcpD6n_h-TEBCEqtgXkTKSZr_P6Styt_?si=9yi9WYjidKj_oG40 Mac's system settings has the option Always that automatically shows/hides the Menu Bar on hover (See image below). However, the space it normally takes up is still preserved so apps' windows can't take the entire screen. I know theo might be using an app for that... Does anyone happen to know which app is that?...

Solution:

So, I just set to "Always" on "Automatically hide and show the menu bar". And... It works the same as Theo's Mac! :thinkies:
Previously, when I used that set up the space was preserved, now it's working how I want it to:poohheh: ...

tyler4949

3/7/2025

T3 App Router Service Layer

I am migrating from the pages to app router manually on my app that was generated by create-t3-app. In my existing app, I had a service layer that was accessed via a data hook that maintained the state of an entity (useRecipe() that would call the service layer implementation for loading, updating, deleting a recipe where the components would pull that state in). I’ve converted the service layer to use the new ~/trpc/server file (as opposed to the new ~/trpc/react file) so these new functions can be used by not only the data hook, but called directly from server components. This allows reusability in my service layer for conversions, etc. It seems to make sense to me to reuse these funcs rather than call trpc directly from server components to align with reusability and encapsulation “best practices” (please correct me if I’m wrong). Calling these funcs works great from my server components, but when I try to use my data hook on client components that now have the service layer that use the "use server"; instance of trpc, I am getting this error:

You're importing a component that needs "server-only". That only works in a Server Component which is not supported in the pages/ directory

You're importing a component that needs "server-only". That only works in a Server Component which is not supported in the pages/ directory

...

Vince Fulco

3/7/2025

Example code for Theo's Stripe Suggestions

Hey Gang-- Question from the cheap seats. Big fan of Theo's video re: stripe as he gave me a lot of food for thought vs. the plain vanilla stripe setups so many promote. I need to review more code though to "get" how the components work together. Is there any open source code that anyone knows about? Thanks in advance.

nickplx

3/7/2025

Server example of UTApi.uploadFiles with setting a customId?

I can't see to find any examples or docs around this; ``` const uploadthingFile = new File([file], key, { type: file.type, ...

Previous Next

Gaming

Programming

Theo's Typesafe Cult

Join the Theo's Typesafe Cult server to ask questions!

Theo's Typesafe Cult

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