Questions tagged [next.js]
Next.js is a minimalistic framework for server-rendered React applications as well as statically exported React apps.
next.js
42,793
questions
0
votes
0
answers
6
views
Why am i getting empty form data from my form?
It was working a while ago, i cannot exactly remember whati have touched but now i do not get any values anymore, for some reason it only prints out my userId, referral, referralSource and ...
0
votes
0
answers
7
views
Use React-Joyride with Shadcn modal or sheet
I am not able to use react-joyride with the shadcn sheet component.
As soon as the sheet is opened the tutorial automatically skips to the next step, as intended. The issue is, that I cannot click ...
0
votes
1
answer
9
views
Why are my stripe webhook session details saying they are undefined?
I am creating a stripe checkout session in my development mode, that is successfully sending information to my webhook, and when I print out my session details, it successfully prints out all the ...
0
votes
0
answers
14
views
Multiple re-renders issue when updating loading state on parent component in React
I have a parent component which has a isLoading useState and read params from the URL and pass them to child component:
export function MainUserDetails() {
const [isLoading, setIsLoading] = React....
0
votes
0
answers
8
views
How to force refresh server-side component in nexjs?
I have a orders/page.tsx and orders/[id]/page.tsx. Orders page.tsx is just a server side component which has a table that shows name, phone number, total price, status, edit button of orders. id page....
0
votes
0
answers
10
views
deploy next.js and prisma app with existing database
I want to deploy a Next.js and Next-auth app with credentials provider and I use Prisma as an ORM.
but my problem is that Prisma can migrate database (or update models by existing DB) only in dev mode ...
0
votes
2
answers
14
views
Where should I put my pages in order for next/link's Link component to find them?
I am making a website with Nextjs and tailwind css and I am trying to navigate from the landing page to the about page
The code below is my Link tag inside of the header component:
<Link href="...
1
vote
1
answer
12
views
Why do I always need to run my Next.js app after my Flask app for it too actually render objects from API calls?
I am creating a Next.js app that uses a Flask API for the backend. I have a Main component that displays fetched data from the Flask API and displays it. However, I struggle with one issue in the ...
-1
votes
0
answers
7
views
Error: Element type is invalid. Received a promise that resolves to: [object Module]. Lazy element type must resolve to a class or function [closed]
Hi I'm getting this Error: Error: Element type is invalid. Received a promise that resolves to: [object Module]. Lazy element type must resolve to a class or function.
//firebase.js
import { ...
-3
votes
0
answers
14
views
Solution : Next.js Naming issue -> You might face this issue of hydrating error in next.js [closed]
hydrating issue in next.js
nextjs error Uncaught Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.
...
0
votes
0
answers
10
views
Why custom API https://reqres.in/api/login is not called and http://localhost:3000/api/auth/callback/credentials calls instead in next auth
I am working on Next-auth and the problem I am facing is, I am giving custom API route in authorize function in option.ts file. But I think it is not calling that API,
Here is the options.ts file in ...
0
votes
0
answers
21
views
NextJS not rendering Hero component on full screen
I am creating a static site with NextJS (seems too much just for a static site I know but I might have to expand this in the future). Anyways, right now I am keeping it simple with a few animations. ...
-4
votes
0
answers
17
views
I was installing next.js and then some error appeared [duplicate]
npm error code ENOENT
npm error syscall lstat
npm error path C:\Users\jamen\AppData\Roaming\npm
npm error errno -4058
npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\jamen\AppData\...
0
votes
0
answers
9
views
Nextjs static export in sub folder, image and manifest.webmanifest src 404 (Not Found)
I am using nextjs 14+, app route and next-intl, My nextjs project image inside public/images/
This how i use Image
<Image
src='images/photo.jpg'
alt="category"
fill
/>
I tested ...
-1
votes
0
answers
37
views
Some of three object are crashing
I'm using react three/drei library to render some 3d objects in my website , on desktop they're all rendering correctly but in mobile some of them are crashing and not displayed properly , i asked ...