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

NextJS app pretty slow

Hello ppl, i have a website deployed on vercel and it is pretty slow, loading a page takes 7 secs, any tips or ideas why it is taking so long? i dont think (hope) that that is because of cold starts...
No description

React Project - Invalid environment variables: { DATABASE_URL: [ 'Required' ] }

Hello guys! I hope you're all well. I'm not a full-stack dev, but one day who knows? So, I've cloned a React project to work on it! I installed the modules, etc, but unfortunately, when I type the command in my terminal - npm run dev- I get some errors. I'm searching tutorials, docs e, and so on and so fort, but I did not get successful. Please, someone could please help me to find a solution to this trouble. Description ERROR bellow. Thanks in advance.
No description

Best Atlassian alternative?

Does any of you know of any nice alternatives to Atlassian (Jira/Confluence etc) What I am looking for is a nice tool/platform for managing all our projects from one place 🤔 Where the company can have multiple projects and each project potentially can have multiple boards/teams (one for design one for backend and one for frontend for example) I want to be able to keep documentation on the board/team level, the project level and the company level....

Error Management / Error Tracking tools/service for T3?

I’m working on a SaaS app and am not familiar with the space of error tracking, error handling tools. Is there any that you would recommend?

lint rule to ban anonymous functions inside HOCs

In our codebase at work we have a lot of components that are wrapped by HoCs. Basically fine, just one huge problem: some of the react-hooks lint rules aren't checked for when you do this, see: https://github.com/facebook/react/issues/20499 Does anyone know if it's possible to set up a lint rule that catches this? ie: ```ts...

How to setup openAPI-TRPC for T3 project

This is an issue for multiple peopl and is an issue on TRPC-openapi https://github.com/jlalmes/trpc-openapi/issues/346 Could there be a hero in here to help us?...

Redux toolkit Presist Error

Hey guys im getting this error when i try to get presist in redux-toolkit. I have tried adding a middleware from the redux docs but getDefaultMiddleware is now depricated and the other stuff didnt work for me. Im curious if anyone has gone through this issue. (Working with redux toolkit cuz thats what my client wants ) ```js import { configureStore } from '@reduxjs/toolkit'; import cartReducer from './state/cartSlice';...
No description

Can't get OG to show

https://github.com/Apestein/nextflix/blob/main/src/app/layout.tsx ```ts const siteConfig = { title: "Netflix Clone", description:...

HTML5 Video (h.265, mp4) looks pixelated/blurry in Chrome/Firefox:, but fine in Safari.

Anyone know what may cause this? I've googled around quite a bit and haven't found a solution. One note, the video is being scaled down from it's original size, but not confident that is the cause.

Alternative to Clerk for cross-platform app (Next.js / React Native + Expo)

I’m looking to build a cross-platform app (web + mobile) and I love the DX that comes with the t3 stack. Ive seen the turborepo templates but one major issue sticks out to me: create-t3-turbo doesn’t seem to have an auth solution for RN + Expo, and the other template forces the use of Clerk. Yes Clerk is a great product, but their pricing is insane for anything consumer-focused (lots of MAUs) so what are some viable alternatives for handling auth across web + mobile?...

~/components vs ~/components/Button

Any opinions on this? Does A affect performance? (importing from a file that exports many other components) A ```ts // ~/components/index.ts export { default as Button } from './Button'...

error with this prisma delete request?

I'm not sure what the issue is with this attempt to delete a db entry.
No description

Storing and retrieving cookie

Anyone successfully stored cookie in one route handler and retrieving it in another route handler?

switch image based on light and dark mode doesn't work well ?

here i need to swap between 2 images based on theme mode like if it light i need logo-1 but if it dark i need it to be logo-2 with using this code from below but no luck ...

Email Attachments without creating a file

Hi, so I want to send invoices to my clients as an email attachment. My idea was to get all the necessary data from my DB, pass the data as props to a React PDF component, and send this PDF as as an attachment to an email using nodemailer. From the nodemailer docs: https://nodemailer.com/message/attachments/ , it seems I need to specify a path to my PDF. But I dont want to create a file, store it on s3 somwhere, send an email with its path only to delete it once the email goes through. Has any...
No description

Is there a framework for building cross-platform apps for Android, iOS, MacOS, and Windows?

This might be a significant stretch, but I'm moving into mobile app development and wondering if there are frameworks to build apps that are cross-platform between Android, iOS, and desktop applications (Windows and/or MacOS, not webapps). Off of initial research, it seems like Flutter is my closest bet, as it is cross-platform with Android, iOS, web, and desktop. That being said, I'm wondering if there are alternatives given Theo pointed out some reasons Flutter is suboptimal in a recent video. Thanks!...

Some domain philosophy

I am currently trying to create my own start up software agency Sadly, the .com domain was already taken. Here are my options right now;...

dynamic unit testing

Hello. Well i checked the Unit, E2E, Integration testing and where/what/when they should be used for. The thing that i can't understand is in the Unit testing when i write a test basically i'll hard code every case and that's basically not efficient for me. I may end up with a function that has +50 test cases and idk how to make the process dynamic....

Why does vercel strip out authorization headers?

Just noticed that vercel in production places my request's authorization headers under x-vercel-sc-headers. Googling for this is a bit overwhelming tbh, lots of different articles but no specific mention of that specific header key. Was wondering if someone could point me in the right direction to fix this quickly? Thanks!

Migrating from Firebase to Supabase

Hey everyone, Disclaimer: I'm new to Theo's Typesafe Cult For the last couple of months I've been creating a web app using Nextjs (with page routing for now) , Typescript, Tailwind CSS and Firebase (hosting, auth, firestore, storage)....