Next Image issue in PROD
Hey Guys need some help!
I've a CMS endpoint serving image - https://d-tv-project.vercel.app/api/media/file/landing-1.jpg
While using the next image the src url becomes - https://d-tv-project.vercel.app/_next/image?url=https%3A%2F%2Fd-tv-project.vercel.app%2Fapi%2Fmedia%2Ffile%2Flanding-1.jpg&w=640&q=75
...
tRPC fetch breaking when building Next project
I'm testing out tRPC, and I've tried fetching some asynchronous data. This only happens during
pnpm build
, dev mode works completely fine.
The fetch is prefetched in the page, and then actually fetched within the component.
It always errors in this way when it gets to the static page generation step....
Extending React Markdown with any component
Hi, I'm trying to implement charts into the markdown langauge. Currently, I'm using Mermaid for some basic charts but I want to implement my own.
For example:
```markdown
pie title Pets adopted by volunteers...
Building an npm package that has server actions
Hi i am building a small npm package and i want it to use server-actions a bit stuck for a couple of days and i just can't seem to find good examples, runing into tbh propper skill issues when it comes to building standalone packages. Would really apreciate help.
Session Callback Not Triggering in NextAuth Integration with tRPC
Hello everyone,
I'm facing an issue where the NextAuth session callback is not being triggered when using credentials, causing undefined session data to be passed to tRPC context. The session callback works correctly with Google login. If anyone can provide insights or suggestions, I'd appreciate it.
For more details, please check the GitHub discussion....
Building the facebook/react project
Hey folks,
I realize this Discord probably isn't the appropriate place for getting support around this, but I'm curious if anyone knows someone or knows someone who knows someone that might be able to help out with this?
I've noticed recently that the React contribution guides have been royally failing for me, particularly this build step with everything installed on Apple Silicon: Node LTS, JDK 22, yarn, gcc, etc. Using the build step:...
Seeking robust multi-tenant authentication for NextJS/Node app
We're developing a full-stack application using NextJS and Node (split backend), with Prisma as our ORM, tRPC for API calls, and other modern tools. We're looking to implement multi-tenancy in our app, but we want to ensure it's both secure and elegantly designed.
Our main concerns are:
1. Finding a clean approach to implementation...
dotfiles
More and more I want to create my own dotfiles repo to ease sync between workstations, have a backup and share my settings if any co-worker or random people on internet ask. Any good resources, examples, do-and-do-not you can recommend? Of course I saw few other people dotfiles repos and it's interesting, but maybe something interested I missed; Some people even include their full system config, like those NixOS users - maybe I will join them one day when W10 goes out of support finally.
BTW: Does Theo have his dotfiles public somewhere?...
MonkeyType
So im trying to make a type test webapp, and i was wondering how monkeytype (or any other typing site) verifies that the data sent from the client to the server is legit. For example monkeytype calculates statistics like words per minute all on the client (i think), and that data is then saved on the server. What is preventing anyone from fabricating post requests with fake data (such as a higher wpm) to then be processed on the server?

Session not complete on expo but it is on NextJS
Hey everyone, I'm trying to build a mobile app using t3-turbo-with-prisma but it seems like three things aren't being found in the session that do work on the NextJS app that uses same database and auth. Specifically username (string), onboarded and admin (booleans)
I'm also getting the following when trying to signOut only on expo again:
```bash ERROR << mutation #2 auth.signOut {"elapsedMs": 158, "input": undefined, "result": [TRPCClientError: ...
```bash ERROR << mutation #2 auth.signOut {"elapsedMs": 158, "input": undefined, "result": [TRPCClientError: ...

How are y'all handling custom icons?
I never need them frequently enough to actually set up my own template, but boy everytime I need them i wish I had. Curious how everyone's dealing with custom icons? I just really want SVG optimising, auto component creation, and intellisense to work - or in summary the Lucide repo in it's simplest form.
Tailwind alias/rename utility?
I've got a theme color config that looks a little like this:
```ts
theme: {
colors: {
text: {...
Rate my stack?
Rust grpc api(command&control not malware just gives out tasks), t3 for data display, rust client.
How to webpack? (in nextjs)
I can do what I want to do super easy in rollup but I can't for the life of me figure out how to do it in webpack.
Essentially all I want to do is run my source code through a tool to transform it before it's compiled.
My source code is in TypeScript but my tool only works with JavaScript, so I need to add the transformation after the the TypeScript transpilation.
I created a webpack loader that seem to work fine for js file, but I don't know how to get it to work for ts files too.
...
which approach is better in regards to better code
i have a
signUp
function that need the useDispatch redux hook I have defined this function in a useRegister()
hook which is then used in register page the signUp
function is called internally in my useRegister
hook, the question is since i need my useDispatch hook , along with other functions (setLoadingState ,setModalToggle) these funtions set the state of my App do i keep the sign up
function defined in useRegister()
hook or do i define it in another file `functions....tRPC error Unhandled Runtime Error
Hi, I added tRPC to my nextjs react app and I'm trying to use
useQuery()
and it's showing me an error that I don't really know how to fix. I was using these sites as examples:
https://trpc.io/docs/client/react/setup
https://github.com/trpc/trpc/issues/3297#issuecomment-1423905894
src/server/routers/_app.tsx...
"next dev" ignores imports with customConditions
It ignores tsconfig "customConditions" setting which i use to import from src on development. The whole idea of customContions is to do development on the source code, without the need to compile any other monorepo's package and make the app work properly run by nodejs after successful compilation. I can't see any SO or GH issues about that. Tried to fallback "import" section of package.json exports into source code and it works well. Application build with tsc & next export works well. Any idea how i can force nextjs to use "@source" exports during development?
```
//util's package.json
"exports": {...
UseSuspenseQuery is called twice
When useSuspenseQuery is used from the client, the query is called twice on the server and client side together. (When useQuery is used, it is only called once).
I want to avoid sql being issued repeatedly, is this normal behaviour?
We believe the problem is probably that the request is also being executed on the browser side.
I do not want to do a complex implementation using cache. I would like to know how to control the fetching of the latest data, for example, during screen transitions or when new data is registered....
Next js build server didn't load css
Attached stack overflow link can explain the problem in detail https://stackoverflow.com/questions/78837296/next-js-custom-font-working-fine-in-dev-environment-but-when-i-build-it-locally
NextJS learning advice
I have been trying to learn NextJS from Udemy for sometime and I feel like I am just listening to a person blabber and I am just copying down whatever is written on the screen. Is there a better way to do this? I am new to NextJS so I don’t know all the concepts yet and can’t start building projects right away. #nextjs