Matvey
TTCTheo's Typesafe Cult
•Created by jairrard on 9/26/2024 in #questions
Resizing, snapping and drag and drop
@use-gesture/react has great primitives for drag and drop / resizing. It implements the hardest part about drag and drop, so you can implement the rest yourself exactly how you want. Can't recomment it enough3 replies
TTCTheo's Typesafe Cult
•Created by CNY on 9/23/2024 in #questions
Theo VS Code font
Please don't delete the question, we're archiving them with AnswerOverflow. If someone in the future will have this question, they can find this.
10 replies
TTCTheo's Typesafe Cult
•Created by CNY on 9/23/2024 in #questions
Theo VS Code font
Geist mono - https://vercel.com/font
10 replies
TTCTheo's Typesafe Cult
•Created by jesper on 9/14/2024 in #questions
Mac Terminal App
Theo was using the default terminal for a long time. He switched to ghostty a couple of weeks ago (It's in private alpha test).
Basically terminal is only responsible for rendering the text. Stuff like suggestions, how the prompt looks, etc is handled by the shell (zsh on macos). You can try fish shell, it has autosuggestions and syntax highlighting.
12 replies
TTCTheo's Typesafe Cult
•Created by Arianos11 on 9/6/2024 in #questions
Proper technology stack for ecommerce
Remix is really good for optimizing for core web vitals, especially for ecommerce. Shopify even bought it and now it's the framework they recommend for ecommerce
18 replies
TTCTheo's Typesafe Cult
•Created by bed on 9/6/2024 in #questions
Upload thing use case questions
1) UploadThing has adapters for all popular js backend libraries. If you use js or ts for your backend, you still can use uploadthing and get the same ux and dx. Presigned urls will word the same way as with nextjs. Here is the diagram of how UT roughly works behind the scenes - https://github.com/pingdotgg/uploadthing/blob/main/assets/Diagram.png
2) UploadThing uses S3 to store files. Maximum object size in S3 is 5 TiB, but there might be other limits\
5 replies
TTCTheo's Typesafe Cult
•Created by free ice cream on 9/5/2024 in #questions
Made a web app, now I want to turn it into a mobile app
Yes, expo is the way to go. We have a template repo that has a Nextjs app and a React Native app in a monorepo with a shared api - https://github.com/t3-oss/create-t3-turbo
4 replies
TTCTheo's Typesafe Cult
•Created by Mugetsu on 9/3/2024 in #questions
typescript object util library
Do you really need a library for that?
9 replies
TTCTheo's Typesafe Cult
•Created by toadmilk on 9/1/2024 in #questions
what do you guys think of copilot vs cursor?
I don't like cursor. AI just writes bad code. Instead of fixing all bugs and performance problems in AI code, it's just faster to write good code from the start with something like copilot
10 replies
TTCTheo's Typesafe Cult
•Created by Taroven on 9/1/2024 in #questions
Send help, I have choice paralysis.
All modern frameworks (React, vue, svelte) are really good and you will have good experience with any of them. Just pick one for this project, maybe even use a random number generator if you can't decide. For another project you can try another framework. When you actually try all of them, you can pick one you liked the most. Theo has a video on this - https://youtu.be/RTLSSGPoASU (TLDR: don't ask what stack to use, just pick something)
4 replies
TTCTheo's Typesafe Cult
•Created by Mugetsu on 8/28/2024 in #questions
Use ReactQuery to fetch different api resource than trpc resource
You should already have
@tanstack/react-query installed as a dependency, you can just import useQuery from it, it will use the same query client as trpc5 replies
TTCTheo's Typesafe Cult
•Created by CommandoBrando on 8/24/2024 in #questions
Best way to do form?
10 replies
TTCTheo's Typesafe Cult
•Created by Kgram on 8/25/2024 in #questions
File Upload To AI Service
Yes, you can use UploadThing in a JS project. You can use
uploadthing/server SDK to delete the files after the transcription is done3 replies
TTCTheo's Typesafe Cult
•Created by Swamp 2077 on 8/22/2024 in #questions
Supermaven vs Copilot
Where did you see him use copilot?
4 replies
TTCTheo's Typesafe Cult
•Created by Backurdi🙌 on 8/21/2024 in #questions
What’s the best way to host my Next.js project if I need to have a static IP address?
You will need to know docker for any solution here (Next.js has a docker example, you can just copy their Dockerfile). As for security, as long as you use a good password and a stable distro like debian, it should be fine. Also, you can install coolify with just one command, and then you can manage everything with their web ui.
7 replies
TTCTheo's Typesafe Cult
•Created by Backurdi🙌 on 8/21/2024 in #questions
What’s the best way to host my Next.js project if I need to have a static IP address?
Get a VPS and install coolify or dokploy on it, it will be cheaper
7 replies
TTCTheo's Typesafe Cult
•Created by guerra on 8/14/2024 in #questions
Auto select language react app
Change the language in browser settings
11 replies
TTCTheo's Typesafe Cult
•Created by guerra on 8/14/2024 in #questions
Auto select language react app
You can get the same info in from js in
navigator.languages: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/languages11 replies
TTCTheo's Typesafe Cult
•Created by guerra on 8/14/2024 in #questions
Auto select language react app
The best way to add i18n (Internationalization) to a web app is to have specific urls for languages like
example.com/en for English, example.com/de for German, etc. Browses send accept-language header with each request. If user goes to example.com, you can check their language in accept-language and redirect to a version of your site in this language.11 replies