How do you monitor tech news?
Like any field, it's always important to keep up with the latest news in the tech world. How do you get the most valuable information in a convenient and productive way? What tools (news aggregator, etc.)? What media? What sources (beside Theo of course 😁 )?
Is there a way to upgrade env vars in a ct3a project?
I have an app I created a bunch of months aho with create-t3-app. The environment variables were done with a few schema.mjs files and i never reeally knew how to use it so I just did my environment vars with
process.env.*. it looks like there a new way to deal with them in a type-safe way. Is there a way to upgrade to the new way?
https://create.t3.gg/en/usage/env-variables...Custom signing page is not showing
I am getting this in my Console
API handler should not return a value, received object.
API resolved without sending a response for /api/auth/signin, this may result in stalled requests
I have this in my NextAuthOptions...
Solution:
The issue might be is that auth/signin is not a page, its a API route. What you probably want to do is create a page starting with auth then a subdirectory with signin if you want that to be the url. I'm using the app router, but the structure is the same, you can disregard the (auth), it doesn't add anything to the url it just groups the page routes. That is why I just use /signin and not /auth/signin from the nextauth config.

"Size" of API routes in NextJS
I love the summary table produced by
next build. But I was wondering if there's anyway to get the same type of thing for the api routes. Like how big will the code which is shipped out to a lambda be.
I'm asking since the attached output doesn't tell me much, I know there's more JS in there from the dependencies.
Prisma supposedly ships a 15MB binary for example (or so I've heard), would there be any way to spot something like that?...How to refetch data for a query when a mutation is performed in a different component?
I’ve been looking through the docs on tRPC and React Query but can’t quite figure this out.
To give a quick explanation of what I’m trying to do, I’m creating a system where a user can request to join a group and then the admins can accept or decline the request.
Component A is fetching the request status on the user side through a useQuery on one of my tRPC procedures. ...
Responsive skill tree
Hello, I am trying to create website for me and my friends to create builds based on skill tree, but I am stuck on problem how to do it in responsive way, depending on character - tree can be big, did anyone had similar case? I looked in internet and in other game for example POE ( https://poeplanner.com/ ) they are putting skill tree in canvas but I could not find any tutorial how to get similar effect. Thanks in advance for the help ❤️
Solution:
I would most likely use a canvas too, react wont help you much on that front
How do you trigger a server side update when using an ssg helper?
Hello , im following along with the t3 app tutorial by theo and in the ssg helper section he mentioned that you can trigger an update in case the data changes,
how do you go about doing that ?...
Chrome extensions causing hydration errors
Just found out that some chrome extensions are the reason for hydration errors, after hours of debugging. Does anyone have any idea if that will be a problem for users after deployment?
shadcn/ui is unusable due to Type Errors
Hey folks!
I'm trying to use shadcn/ui for a project and keep on running into type error in many components. These are components written by shadcn and not my code.
Example with the Dialog:...
Submitting form on main page from within dialog
Hi there, I'm using shadcn/ui for my UI and i'm trying to figure out how to make a form confirmation dialog. The
<Button type="submit">Upgrade</Button> doesn't seem to submit the form on the outside of the dialog.
Here is my code:
```tsx
<Form {...ratingForm}>...Fetch from external API, Client or Server?
If I want to fetch from an external API (in my case, Spotify's api), should I do it from the client using tanstack query or make a trcp api that fetches it from there and then use my trpc api in the client? (using t3)
Hosting Services
Hello everyone,
I just wanted to get some additional opinions / validation on choosing the right hosting platform.
I would like to use railway and vercel for work related projects. However since I would be using it in work/commercial setting, I need to be on the proper plan. Vercel unfortunately does not support PO's unless you are on the enterprise plan and I was quoted low to mid 4 figures monthly USD. Which seems excessive given I would only be hosting a few nextjs apps with minimal traffic as a sole dev. While with railway, I can be under the pro plan at an annual rate. This seems like a no brainer to just host everything on railway but has anyone experienced any issues with hosting prod apps on railway? and are there any significant difference between the two platforms that I would be missing from Vercel on railway?
...
RPC like endpoints
Anyone had used NextJs server routes as a RPC like endpoints? I would like just to use NextJs backend as a proxy to my 3rd party API (which is the source of truth backend) but without any additional middle man setup. So just having Fetch client to talk to the API and call it directly from my client but with the ability to hide internals from the client (any secrets/auth etc).
I found this one https://telefunc.com/ which seems like a good fit but seems barely used.
Also from my understanding about new React Server Components I should be able to call my FetchClientAPI directly from RSC and pass data to the client component but still it leaves the mutations part to be covered.
Maybe https://trpc.io/ would be better here? (yet still there is a bit of boilerplate just to be able to call the API)....
T3 - app dir - tRPC + Prisma + Custom auth
Hello!
Is there an alternative to using the createAction function for mutations and deletions on the client? I'm implementing it in a new app directory, and while fetching data is smooth, creating or editing data is challenging. I can't get the req in
createInnerTRPCContext, so I can't access the cookie to verify authentication. Can I use createTRPCContext instead of createInnerTRPCContext for actions?
```ts
...Cors error
Hello, I keep getting a cors error when trying to logout in my application. Im using nextjs on the frontend, and have a different express backend. I'm pretty new, and cant really tell whether it's coming from the backend or the frontend
Frontend: localhost:3000
Backend: localhost:3030
...
Cool svg animation insight.
Hello dear front-end engineers,
Can you give me some insight on how this cool effect is implemented in nextjs.org....
tRPC failing on static pages (app router) build on Vercel
When deploying my Next.js app on Vercel (using v13 app router), I come across an error I struggle with during the build phase, when tRPC attempts to retrieve the first data.
I assume the error comes from the API endpoint that exists but fails to execute (else I have another error when
NEXT_PUBLIC_VERCEL_URL is wrong, when I try to log the request, nothing shows). I added logs (lines starting with ###...) and can notice that the URL is good. It works well on my machine if I set NEXT_PUBLIC_VERCEL_URL to localhost, I can only reproduce on Vercel.
Any idea why on Vercel my API endpoint doesn't work well during static pages generation?...

