This is my login page (I use Next.js 14) below. when setSubmitting true - loading spinner render on the page, but for some reason before page actually routes to / home page isSubmitting became false and form again shows for…
I'm trying to serve a static page in Next.js with responsive design for different device sizes. I am using both CSS media queries as well as JS responsive tools so it should have different layout for different screen sizes. For…
I have a simple number input in react component. I need to make it not accept more than 4 characters. But it doesn't work with maxLength attribute. What else i can do to prevent it taking more than 4 characters.…
I'm using Next.js and I have a root layout file in my app router. However, i'm encountering an error in my <Nav/> component because it's using state to keep track of whether the mobile nav is open or not. the…
I am just curious to know the way to populate extra and extraOptions, and from where the arguments must be passed in order so that they can get populated and can be used then in creating some condition based scenario.…
After a bunch of false starts I've followed the T3 stack approach to runtime environment variables for my next.js app, particularly to protect my MONGODB_URI secret by providing it only at runtime on the server. env/server.js: import { createEnv }…
New to programming:, have built a collapsable accordion in an NextJs app using the react-collapse package. It works as intended, the problem comes with how it is tracking what 'drawer' is currently open. I'm trying to, in a sibling have…
I would like to display more than just one sentence(i.e. Error title, error description and error cause). I tried to extend basic Error class and add there two custom properties, but I can't access them in error.tsx file. Any ideas…
I am using server actions in next.js as per the documentation on Server Actions Everything is working well, but now I am looking to rate limit the server action, in order to prevent spam or attacks. I know how to…
I ran into an issue with the new nextjs app router where i wanted to use SSG pages for stapi blog but was getting this error when building app/blog/[slug]/page.tsx Type error: Page "app/blog/[slug]/page.tsx" does not match the required types of…