I am currently learning next and I am confused as to how to implement dynamic routing. Here is what I am doing: "use client" import React from "react"; import { useRouter } from "next/router"; const ID = () => {…
I have a client component that checks the authentication state and is incorporated into app/layout.tsx. The objective is to determine if the user is logged in or not. If not, the user is redirected to the login page if the…
I just started learning Next.js and wanted to try something straightforward. I wanted to display a button on my page that when clicked would show "clicked" in the console. this is the code that I added to page.js in the…
I want to go from CRA to nextjs but I am having troubles integrating AWS Amplify authentication. The amplify login form does show up but when trying to sign in it gives me the following error: Error [ERROR] 40:38.8 AuthError…
I have a blog website in Next.Js that has a dynamic page for this route: article/[slug]. I'm using this screaming frog to crawl and index the pages and although initially before setting a custom domain, the articles were getting indexed,…
I am trying to create a shopping cart. I have created a context and passed the state as a value on pressing increment and decrement button on the cart my items count in the are changing but total number of…
So, I want to create a dynamic route and pass the link to an external application under their callback section. The URL is usually like this: htttp://localhost3000/builder/live/thankyou?trxref={reference} The reference is dynamic which means it changes and comes from the external…
I am trying to create an admin section with a different layout than the one used in all the pages, but instead, I am seeing them combined. This is my file structure: src/ app/ page.tsx layout.tsx admin/ page.tsx layout.tsx My…
I had a question regarding breakpoints when dealing with responsiveness. I'm using Material UI, which has breakpoints at which you can enable different CSS styles. These are predefined, like xs, xl, md, etc.. I want to set breakpoints at custom…
I am using firebase and its google auth tool , everything works fine the user data is getting saved in the database but i get a error every time the popup window appears (Cross-Origin-Opener-Policy policy would block the window.closed call)…