createServerSideHelpers not offering mutation routes!
So basically:
```ts
const helpers = createServerSideHelpers({
router: appRouter,
ctx: await createTRPCContext({ req, res }),...
Solution:
createServerSideHelpers is used to prefetch queries on the server. (taken from the official documentation) https://trpc.io/docs/client/nextjs/server-side-helpers#:~:text=can%20use%20to-,prefetch%20queries,-on%20the%20server
If you want to use mutations in a server component, you can check this out - https://trpc.io/docs/server/server-side-calls#mutation-example...
No overload matches
I'm using drizzle and getting the an overload error. Is this the correct way of passing data to the insert function?:
const { category, price, title, brand, model, description, images, location, meetup } = MintValidator.parse(body)
const post = await db.insert(listingsGeneral).values({...
const post = await db.insert(listingsGeneral).values({...
Auto sign-in after sign-up
Hello,
I have created a router with tRPC for the sign-up of an app. This function performs several processes, such as checking for an existing user, creating a new user in the database, and sending an OTP email.
I would like to implement an auto sign-in feature after the sign-up. To achieve this, I am currently returning the email and password of the user from the tRPC route to the client side when they complete the sign-up process. Once on the client side, I run the signIn function from Next-Auth....
Setting my T3 stack manually
Hey, is there a video/guide to setup T3 stack manually. I have an MUI template which I want to use the same T3 config
#questions...
Setting maxDuration config with trpc?
I'm sure folks deployed on vercel saw the email saying the default function time limit was being changed from 60s to 15s (albeit now it can increased up to 300s).
The have good docs on how to specify this when using vanilla next but i haven't been able to figure out how to set this for TRPC.
Anyone else explored this?...
Add a property on my cat.CatImage object
Hello guys! I got this
[slug].tsx page using the pages router in NextJS with T3Stack. How could I add .blur property on the object cat.CatImage
Now im archieving it with passing the CatImages with blur property as a seperate prop. I want to archieve it using the original cat object. Here is the code:
getBase64.ts: https://bpa.st/QJ7A
[slug].tsx: https://bpa.st/JFXQ...How to get the discord guilds from the user next-auth
I already tried it with scope but I dont know how to fetch the scope data. I dont find any documentations about scopes on next-auth
https://pastebin.com/MJGJf8K3...
Solution:
nvm, have to delete the account record of the user.
I changed the scope before I logged in first time, so the token was invalid...
Any brave souls have figured out DataDog aggregated logging
Been looking into setting up DataDog to my app (I'm using the app dir), so far dd-rum is working to capture browser based stuff, however I have no idea how to set it up for the ssr stuff, such as api calls (backend tracing for DD). I've seen a few threads and articles online that don't seem to provider an accurate/modern solutions. Any help or pointing in the right direction would be much appreaciated!
tsx Unexpected response from worker: undefined
Anyone using nextjs with custom server as .ts file ?? I can't get it to work to run in development with watch mode using ...
tsx or ts-node-dev keep getting
TypeError: Unexpected response from worker: undefined
at ChildProcessWorker._onMessage (.......\node_modules\next\dist\compiled\jest-worker\index.js:1:12492)
TypeError: Unexpected response from worker: undefined
at ChildProcessWorker._onMessage (.......\node_modules\next\dist\compiled\jest-worker\index.js:1:12492)
Error: Rendered more hooks than during the previous render.
https://i.imgur.com/9FCsFhb.png
Hey, im a noob currently and I get sometimes this error, but I dont know why. I googled and found some explanations but I dont get it tbh. Someone can explain me why this error occurs. ❤️...
Solution:
You can't conditionally call hooks in that manner. If you want to call that useQuery hook only when you have a user, then you have to do something like this:
```
const { data: sessionData } = useSession();
...
Recommendations for websocket service
Hi, for a small side project I need a live leaderboard and would need a pretty simple websocket implementation (using Next 13 with app dir). Any services you would recommend?
Next 15.2 - error router
Anyone upgraded to nextjs 15.2 with base of t3 stack?
Error: NextRouter was not mounted. -> I get this error after updating to latest nextjs....
ideas for projects
Is there a płace were people share their problems/ideas for apps? Something like product hunt, but with problems instead of products. I’m kinda stagating with ideas
User onboarding pattern
What examples are you using when you have to onboard a client before he proceeds to use the app. Once an account is signed up, the user will have to answer a few questions/forms. I've seen a lot of bigger apps do it but there are so many edge cases to think about: Do i use a middleware to check if the new user finished onboarding and redirect him? How do i manage the state to persist it in the db so that in case the connection is lost he picks up where he left off.
T3-stack SSG
Hey guys, im creating a site with the
pages router. Im wondering if its possible to create most of it with SSG? Since most of the pages only needs to be populated with data at build time.
What do I do ? I use getStaticProps()and getStaticPaths() etc? And it will automatically SSG them at build time?...How to customize zod union error message?
I have a zod schema like so:
```
const schema = z.object({
customer: z.union([z.string().uuid(), z.literal("allCustomers"])
})...
Solution:
```import React from "react";
import { z } from "zod";
export default function Page() {
const schema = z.object({...
Can I use uploadthing only in react?
Hello, I have a question. Can I use uploadthing only in react? If it is possible, does anyone have an example of how to do it, it is not clear in the documentation and I could not do it. Thank you
Importing mjs files in "non project/standalone" TS files
I've setup my project using create t3 app & am therefore exporting all my env variables from typesafe
env.mjs file.
Importing and using them works flawlessly for all "project files" but it doesn't for some standalone ts files.
E.g. I have a file db/seed/seed.ts which I manually run using npm run db:seed when needed.
In this file I'd like to use the DB path from my env.mjs but it gives me the following errors when using import { env } from '@/env.mjs';:...Experience nextjs dev going from web to mobile, what should I know?
Title says it all! I'm a fairly experience dev who has built a decent number of apps in nextjs (mostly using t3). I'm making the jump into some mobile dev. Any advice or tips? Looking specifically for insights coming from people who have made the jump in a similar way. Thanks!
how to css
Seriously how does one CSS?
I've this idea for a lay out in my head but I'm not skilled enough in css to excute on it. Can someone please help me. Thanks for taking the time to read this.
Repo link: https://github.com/mazwrld/ari (using ft/3d-me branch)...
