I have a very simple NextJS app in v13.4+ and it is running useEffect 3 times (even though it is set with an empty dependency array.) I was hoping that it would only run 1 time (on the equivalent of…
Kinda new to next.js. Anyway am trying to add a login functionality in my react web app using next-auth in my local environment but whenever i tap the login button, it redirect to "http://localhost:3000/api/auth/error" It should take me to google…
I'm new to NextJs and having issues deploying my NextJs app. I have a test NextJs and MongoDb fullstack application that I wrote to hone my skills better, it runs fine locally but crashes when I deploy it to vercel…
I am using the pages router and _app.js (custom app) https://nextjs.org/docs/pages/building-your-application/routing/custom-app I believe my probles lies here, where I have this inside my _app.js : import '../globals.css'; import { CartProvider } from '../context/cart'; export default function MyApp ({ Component, pageProps})…
I am new to react & next and working with nextjs 13.5.3 I created a file at src/lib/db.js importing in inner pages/api like this import {connectionSrt} from "@/lib/db"; but which I run the application get this error Module not found:…
I tried to implement the SSG operation with {cache: 'force-cache'} fetch option, but I always returned the same data even if the mock server's data changed. { The cache: 'no-store'} fetch option changes the data, but this is an SSR…
I have a dashboard for example and I have two categories in there. sales and clients for example. and when I click sales it should render the sales page within the dashboard layout so, the idea is not to go…
I've a nextjs custom component that adds the locale before the pathname of the page when clicked and adds custom style for the active link.. here is the component "use client"; import { useLocale } from "next-intl"; import Link from…
I have page where I am getting data via getServerSideProps(). But also I have component where user can search data. Search data are sent back to main page and used. Problem is I am getting infinitive loop. Data in console.log()…
I'm building a blog site with MDX & NextJS. I'm defining a custom image component that will make use of the Next <Image> component. The issue I'm having is relatively small, but I've been struggling to find an answer to…