I am building a web app using react (nextjs). It is a quiz app that asks users questions and gives them a score if they are correct. Currently, I am fetching all my questions from my database and storing them…
I have a next.js app. One of the pages is calling getServerSideProps twice. On the second call, it is returning a string of "[object, Object]" on the second call. This is obviously causing an error when the page tries to…
I am building a memory game app with Next.js, Node.js, and Express.js. I have a problem with the login page. There is no problem first submitting the form. But after first submitting the form Login component re-renders more than once.…
Is there a way to prevent rootlayout from being wrapped around dashboardlayout? Next.js v13 doc: My file structure: I could use route groups; however, doing so would disable the wrapping in my contact, pricing routes. Is there a way to…
As I understand the beta docs, I need to use "use client" at top of my client component to be defined as one, and I can use it inside server components, leaves or layouts. With that so, here's my code.…
I've a basic implementation of data fetching and updating using react-query on next.js app. My goal is to update the data after mutation. Currently the data updates only on tab refresh. But without user interaction it doesn’t change. I found…
I'm writing my web app in Next.js and I'm hosting it on Github Pages (an outside constraint, would personally use Vercel or something else). I have a dynamic route: webapp.com/experiments/[id]. ID needs to be dynamically generated whenever a users creates…
Every page goes through an AuthGuard component which determines if child components can be shown or if the user needs to be redirected to another page. It works well when first visiting a page, but I've noticed some weird behavior…
I'm trying to learn NextJS v13.2.4. So I'm kinda trying things out and I noticed that my route components are getting rendered 4 times. I don't know if it's because of development mode or somthing else. So is it normal…
I'm having some problem in pass image path as a prop to an component the code is <CardProduct imagem={'/nike.jpeg'}/> the component source code is: import Image from 'next/image' import Link from 'next/link' import React from 'react' const CardProduct = (imagem)…