I am currently building my first web application using the Next.js App Router. Unfortunately, I've hit a roadblock in trying to display the user's info (like a username) in the page's header. When the status of the user's session changes,…
Ok. So. I'm building a simple e-commerce site using Next.js (version 13.4) and React; I am using the app router and server actions. I've successfully integrated the PayPal SDK for payments. Right now, I'm using react-paypal-js to render the buttons…
i have a question, i've spend the past 2 hours looking for an answer on the web but i haven't find one. well im using Nextjs with the new App router. when a user navigate to an undefined route in…
I just 20 days old into nextjs so I may be missing quite a few thing. I have a dashboard page server side rendered which has 3 components. I have a component (tsx) with a button which when clicked should…
Whenever a query is submitted in my search bar component, the current webpage doesn't actually change, with only a /? showing up at the end of the website's URL. However, when I manually type in an incorrect page route into…
I just started learning NextJS 13 App route, I'm a bit confused about URLs. enter image description here structure folder: app products [slug] page.tsx components ProductCard.tsx example: // ProductCard.tsx return ( <div> <Link href={`/products/${prod.slug}`} /> </div> ) when click to…
I was trying to add structured data in my nextJS 13(app router) application but couldn't find the correct method. Next-seo package also gives errors I tried next-seo but got this error: Unhandled Runtime Error Error: Cannot read properties of null…
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 have a profile screen it renders based on cookies. When cookie is not present or invalid, it renders a login link. Then when the user logs in and comes back to the profile page, it also renders login link…
tl;dr Next.js 13's /app router's layout and page routing changes how we add content to the <head>. How can I add a schema script to each page? Next.js will automatically compile <head> tags placed in any layout or page into…