How to prefix planetscale tables for dev dbs using drizzle?
I remember Theo talking about a clever workaround for the planetscale db/project limit by making specially prefixed table names in dev mode. In order to "emulate" a dev db you could just make extra tables and conditionally access them based on the build environment. I loosely remember drizzle being mentioned - anyone remember this or can point me in the right direction? I was hoping there was a more clever way to do this than doubling my code with two adjacent conditional queries , and rather so...
dates are not same in server and client(dayjs)
```js
currentDate = new Date();
const options = { timeZone: "Asia/Kolkata" };
const indianDateAndTime = currentDate.toLocaleString("en-US", options);
const indianDate = indianDateAndTime.substring(0, 9) as string;...
TS Unchecked Indexed Access
Hey guys, I have a question about ts. I have a "noUncheckedIndexedAccess": true in my tsconfig.
I am trying to make a function (well, chatgpt helped me create a function lol) that is a calculator to get Levenshtein distance (basically for a fuzzy search, but it's not the main point).
as a part of it I have a for loop along the lines of this
...
Questions about React
Lately, I've been very lost with some things, I need opinions from more experienced developers about some things.
- Been using TailwindCSS for a good time, liked it so much, but i have some old projects with ChakraUI and want to know, do i migrate it. to tailwind and is chakra dead/dying?
- Is it recommended to auth users and admins (in this case, two big app with shared db) via two different tables? if so, is there any lib that can do that seamlessly? (thats my biggest pain);...
Sentry Integration
I'm currently integrating Sentry reporting and I wanna ask what's the best way to add a function that reports all trpc errors to Sentry
Something like a middleware
https://github.com/trpc/examples-next-prisma-starter/blob/5158b825a2c236e19ef1e7128f86021498fc833c/src/pages/api/trpc/%5Btrpc%5D.ts#L14-L22
I found this but I'm trying to implement it in the API package, not the next js api
packages/api/src/trpc.ts...Does anyone have experience with TipTap custom Nodes?
I have the following problem... I can't get the update event and value when my custom node changes... I am displaying 2 different elements inside my node, an input and a span. When the value of the input (contentDOM) changes I want to update the span as well... But I can't seem to get it working....
```js
export default Node.create({
name: "KatexNode",...
NextJs 13 app folder - SPA
I want to migrate 3yrs old React-Express app. Im considering migrating to Nextjs App folder. What is the current state with making SPA with the NextJS 13 app folder. Is it viable? I really dont care about RSC for now but it might be useful once it matures so I want to go full SPA at this time anyway.
This is an admin dashboard app with OAuth wall so no need for any SEO and you can only interact with the app once logged in. It must be dockerized and no plans to host on vercel. Also it currently uses passport and trpc so I expect I would need to use express server with nextjs to keep the passport oauth flow to be compatible with what its for now (I would need to keep both apps simultaneously and serve nextjs app page by page with swap to the old app until its fully migrated to the nextjs)
Are there any problems with App dir and SPA approach? Is there anything to keep in mind when using app dir? Do I need to mark every component with 'use client'? Appreciate any help 😉 ...
Fetching real time data in Next 13 on the client side
Hey everyone, I am starting to familiarize myself with Next 13 and it's server components, and I ran into a little problem. My goal is to allow a user to write an entry into the db and see it in real time. Below the form, I have all of the entries being mapped onto the page. The goal is for the user to not have to refresh the page when they submit the form. The functionality I want is identical to tRPC's .invalidate(). Anyone know a solution to this? Thank you! Will send code below.
PWA (next-pwa)
Has anyone tried to use the next-pwa with the T3 stack? Having trouble following some tutorials that I found since they are used outside of the T3 stack
Generating 1200x1200 10,000 unique images in lambda.
I'm using lambda for this one, I'm generating 1200x1200 10,000 unique images but it reaches the timeout limit.
Any recommendation to make this faster? without removing status updates.
```ts
// generate images from layers...
tRPC, SSR, RSC/app directory
Is it possible to use tRPC when rendering a component on the server to get an initial value for a request before refetching on the client on mount? If not, what is the next best thing?
fetch on the server and pass value to the client component using tRPC to set the initialValue on useQuery? Are there problems with that?
Does anyone have a current workflow in which they are successfully using tRPC with the app directory and able to SSR with data from tRPC useQuery?
Is there an alternative solution to using react-query or swr with fetch?...How to view hsl colors in vscode
Trying to setup shadcn/ui and it would be nice if I could actually see what colors these are in my editor. I tried a bunch of extensions but nothing worked. Anyone have a good extension rec or know a way to see the colors?
Prettier Error: Invalid host defined options
I upgraded to the latest version of prettier
```
"@types/prettier": "^2.7.3",
"prettier": "^3.0.0",
"prettier-plugin-tailwindcss": "^0.3.0"...
Solution:
Reinstalling the VS Prettier plugin solved this problem for me
Get EXIF data from the file before uploading to upload thing
I am playing around with uploadthing (great stuff, btw). I am wondering how I can do stuff to the actual file that is uploaded (in my case, I'm going to use an npm package to inspect the image's EXIF data) but I'm struggling to find the best place to do this...
I originally thought I could inspect the request on my server before sending the file off to upload thing and then pass the EXIF data in my metadata but I couldnt seem to find the image in the request to my file router (maybe I missed it?)
Now I am thinking of doing something silly on the client side but stopped myself and figured I would ask the supercharged melons in this chat 🧠...
Help needed handling 1k react checkboxes
if I have a state of arrays that has all the selected users id and I have 1000 users and when a user is selected there is lag how would I handle that my current handleUserSelected code:
```ts
function handleUserSelected(value: string) {
const currentIndex = selectedUsers.indexOf(value);
const newSelected = [...selectedUsers];...
Recommendations for a t3 starter pack equivalent for an ionic app?
I'm trying to find something akin to t3 (which I LOVE for Next.js projects). Ideally I'd like something highly prescriptive to get me up and running with trpc, ionic/capacitor, and an independent server w/ prisma. Some kind of prescriptive auth would be huge as well.
NextAuth dangerous website on email login
I keep getting dangerous website on chrome when I click on the url in the login email from email provider.
I believe its caused by
secure: false from my nodemailer options. I am using outlook's smtp with port 587 and need to turn off secure false and enable tls instead.
Any workarounds?...Issue installing a dependecy
I've been trying to run Mozilla bedrock locally using the "Make clean run" command as mentioned in their docs but it seems to be stuck at 1 file forever
