Category "next.js"

Register is not a function when passing as a prop?

I use react-hook-form for the first time. I was reading the docs and followed along. Likewise, I already laid out my components and styled them. Now I am trying

Features work, but console delivers extraneous error: "Variable "$id" of required type "ID!" was not provided."

My CRUD operations work. But many of them also generate a single, specific console error I haven't been able to track down. [GraphQL error]: Message: Variable

Passing query params or body with NextJS + Auth0?

So, my knowledge of next and JS in general is extremely minimal as is my Auth0 knowledge. I was wondering if anyone could suggest how to pass query parameters o

Is there a way to integrate Django with Next.js?

I've integrated Reactjs with Django by having a function to access build/index.html. The below codes show how I do that. config/urls.py urlpatterns = [ ..

How can I get the all html code into view page source as I am developing a project in NEXT.js

I am developing a project where i am using NEXT.js but there i am getting a issue like i am not getting the all html value in view page source. I think my probl

FCM - web Token getting generated in my account but if i am login with some other Gmail account in chrome then it will throws Error

Other than my registered Gmail account I will be getting the below error in the chrome browser perhaps token getting generated if I log in with my email id in c

Is this Next.JS folder structure recommended?

We have resorted to this following project structure |- pages |- <page_name> |- index.js # To do a default export of the main com

Next.js document is not defined trying to implement locomotive-scroll

I'm trying to implement Locomotive Scroll in my Nextjs app, and I'm having trouble... Here's my code: import type { AppProps } from "next/app"; import { useEffe

How to enable pop-up iframe work on same page in react nextjs app

I have a pop-up that works very well in my vanilla Html app properly, that is, when the button is clicked, it opens the pop-up and everything works fine. The is

Error: Do not use <img>. Use Image from 'next/image' instead. - Next.js using html tag <img /> ( with styled components )

I know that in Next.js we have Image component, but the problem I have with it is that I can't use it as a normal HTML tag like <img />. I have to give it

I am trying to create widget in next.js app

My website is almost complete on next.js. I am trying to create widget to one of my component that can be embedded on any website without iframe. Please help me

Next-Auth : How the registration is handled with a email + password credential provider?

How the registration is handled with a custom credential provider ( email + password)? Currently my [...nextauth].js looks like this: import NextAuth from 'next

Nextjs- api routes , How to remove a cookie from header?

I have two API routes which I want to set two cookies in /api/login.js and remove them in /api/logout.js. so this is my login API: import { serialize } from '

Error: A required parameter (slug) was not provided as a string in getStaticPaths for /posts/[slug]

I have the following [slug].js file in my project: import Head from "next/head"; import PostContent from "../../components/posts/post-detail/post-content"; impo

NextJS + Typescript built failed with @auth0/nextjs-auth0

I'm using Typescript for NextJS and I cannot build the application because it has some issues with the auth0/nextjs-auth0 This is the issue. If I install this,

NextJS Fast refresh not working as expected

I am building a website with nextjs and Chakra UI. I am using emotion to style my navigation. The code of navigation component is as follows: import Link from "

Mysterious flickering black line, almost like a border in NextJS

I have created a full-width video header that I've used successfully over several pages. For the life of me, I can't figure out why it has chosen JUST NOW to gi

How to setup getStaticPaths of multi-locale dynamic pages in Next.js

Today, in my side-project, I got a problem relate to setup getStaticPaths of multi-locale dynamic pages in Next.js. I researched and find out that there are so

Doesn't nextjs in vercel support Optional Chaining?

I see nextjs does support Optional Chaining here however, I've been trying to deploy this piece of code module.exports = { experimental: { outputStandalon

How do I debug a nextjs production build?

I have a bug (this one) that only happens in production, on the client side. Next.js by default silences all error messages in production, and turns off all log