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

danyella

6/21/2024

What NoSQL databases are actually good?

As I understand, MongoDB is not rly a good idea due to scaling reasons (maybe others idk) I asked an AI and it answered this, what do you think?...

Maastonakki

6/21/2024

How T3Stack env.js actually works?

I'm trying to figure out what kind of black magic that createEnv function does behind the curtains, when I'm running my application. The reason is that I'm having seed.ts at the root of my project, which I'm using to seed the database, by calling tsx seed.ts. Problem is, that if I import env.js into that seeder-file, it does not have env variables available. Same thing when I'm trying to call Encryption.encrypt() method from one of my lib-files, to encrypt some data, and that lib-file imports env.js, I get error that environmental variable are not set. Should I somehow load the .env file manually on tsx call, or what might I be missing?...

! AlexNotTheLion

6/21/2024

In Nextjs how do you set serachParams in middleware ?

currently in my middleware im trying to add a user agent viewport serachParam to requests as seen in the nextjs docs here : https://nextjs.org/docs/app/api-reference/functions/userAgent , however supabase my auth provider also has middleware to validate cookies seen here : https://www.youtube.com/watch?v=v6UvgfSIjQ0, is it possible to merge these two and have a response return with my serachParams

greypixel

6/21/2024

Throttling calls to a server function in NextJS

I have a server function that can poll if a long-running event (Ethereum transaction being mined) has completed yet. The actual request checking the blockchain is obviously also async and can take a second or two. If someone hits the page when the transaction result hasn't already been stored in the db, their client will start calling a function on the server to check the status and update the db on success....

Sky

6/21/2024

Frontend Design

Anyone has recommendations for resources on frontend design? eg when and how to sepearate different components, passing of data between components, where should data be fetched (page vs component) etc

Jeremy

6/20/2024

Is there a way to turn of this prisma spam?

```ts atabase:db:generate: database:db:generate: Start using Prisma Client in Node.js (See: https://pris.ly/d/client) database:db:generate: database:db:generate: import { PrismaClient } from '@prisma/client'...

Solution:

--no-hint

alphabytes

6/20/2024

React vs. Native Web Components

I'm a noob to the channel so digitally 👊 me if this is covered-ground. I have resisted learning FE frameworks like React in the hopes that native APIs (read web components) will reach a maturity where we won't need the additional mental/boilerplate overhead. From those with exp, are we getting close in 2024 or is React still light years ahead of native web components? I have perused things like StencilJs but haven't dove in too deeply....

Solution:

https://dev.to/ryansolid/maybe-web-components-are-not-the-future-hfh

FleetAdmiralJakob 🗕 🗗 🗙

6/20/2024

Post Quantum Encryption

Does somebody here knows a good library to use if you want post quantum encryption for your messaging app? I looked at libsignal, the implementation from signal of the signal protocol but it seems like it's only providing the frontend functions for typescript and it's only designed for the use inside signal...

Jeremy

6/20/2024

No env variables found with turbo v2.0.4 with t3-app

Everytime it builds it gives these errors: ``` web:build: $ next build web:build: :x: Invalid environment variables: {...

Solution:

adding it to the start script as well fixed it

Harshlions

6/20/2024

Got error while signin

Hello these are the packages I am using 1. Trpc 2. Next Auth 3. Drizzle 4. PostgreSQL...

Harshlions

6/20/2024

How does the cli works

Hello I want to customize the t3 app a little, so I want to make changes in cli too.

MrSir

6/20/2024

nextjs fetch into a global state

i am fetching a random word i whould like to use in my entire app. the fetching is happening on the initial get request for the URL (it is a hangman game). i am using Jotai for over things in this game app (got sudku going on and wanna add few more games). ...

Muhct

6/20/2024

Best practices for typing a reusable button?

I have a React-TypeScript-Material UI app with a Button component but I'm not sure if what I'm doing is a good practice. Basically in the ButtonProps 4 out of 5 props are optional. Is this ok or should I structure the code in a different way? Perhaps not turning the button into a reusable component at all? ```js // src\components\shared\Button.tsx /** @jsxImportSource @emotion/react */...

Solution:

You can have something like this ```ts type ButtonProps = React.ComponentProps<"button"> & { leftIcon?: ReactElement<SVGSVGElement>;...

TheSwordBreaker

6/20/2024

How to Call Hooks in sequence way

I'm utilizing Google Maps Address AutoComplete and I have two hooks. The first hook needs to work when the other hook is complete. ```javascript import { useJsApiLoader } from "@react-google-maps/api"; import usePlacesAutocomplete from "use-places-autocomplete";...

cupofcrypto

6/20/2024

How to build Drizzle explicit types

Call me dumb, but I don't fully get how we can have explicit types that we can easily import in the various components of the application. I've worked few months with Prisma, and over there you have the engine that's able to generate all the types that your queries will generate and you can import them as needed. As far as I can see, Drizzle ORM does not do that. While I feel that what it does is still great, they provide you the type definition with all the props properly typed but you don't have a way to import them....

Kon

6/19/2024

Using fetch with a cookie to get data from some website

1. I'm using a server action that POSTs some credentials to a login endpoint of some website and retrieves the cookie that is returned. 2. The cookie is saved on Redis. Then, I'm trying to use a different server action that POSTs to a different endpoint using the aforementioned cookie from Redis to retrieve some data. ...

Justin Marsh

6/19/2024

Replicate Spotify player screen scroll. React Native

I'm trying to replicate the scrolling full page card from spotify. I would like to have a player card that can be dismissed with a vertical swipe gesture, but I would also like this to be able to be scrollable for lyrics. 1. Dismissible with a Vertical Swipe: Users can swipe up or down to dismiss the player card. 2. Scrollable for Lyrics: The card should also allow users to scroll within it to read the lyrics. ...

ghostbackwards

6/19/2024

PWA UploadThing

I might be stretching upload thing to it's max, but uploadthing is working fine for me as a webapp but seems to die as part of a PWA, trying to get more logging details of what's not working but does anyone know of any gotchas with uploadingthing and pwas?

abhwshek

6/19/2024

Best Practices for Structuring the /api folder in Next.js

While we all have our preferred methods for organizing Next.js projects, I haven't been able to find a comprehensive guide specifically focused on structuring the /pages/api folder and keeping API-side code well-organized This might be because many of us come from a frontend background and approach the /api folder with a "make it work" mentality. Would love to hear your thoughts on how you structure your /pages/api folder in your Next.js projects. Are there any recommended practices or design patterns you've found that have streamlined your API development workflow? For example, do you group related API routes into subfolders? How do you handle middleware or shared logic across API routes? What are some great guides (similar to bulletproof-react) or repositories that I can refer?...

tmonaco

6/19/2024

ESLint config

Hey guys, recently I watched one of Theo’s videos where he mention sth about the eslint-config plugin. He mentioned the fact that this Airbnb config “standard” is not really useful, even Airbnb itself does not use it. So happy to hear opinions about good ESLint rules for NextJS with prettier project…

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.