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 working on a Next.js application with authentication handled by a separate Node.js API deployed on Heroku. My goal is to use NextAuth.js for managing user sessions in the frontend, where the backend API handles login and returns a JWT…
I'm encountering an issue with the React PayPal Buttons integration. When I change the quantity of products directly in the cart, the products are updating in the local storage and in the cart, but the changes are not reflected in…
<div className={styles.container}> <ul className={styles.links}> <li className={styles.link}> <a href="/">Home</a> </li> <li className={styles.link}> <a href="/portfolio">Portfolio</a> </li> <li className={styles.link}> <a href="/skills">Skills</a> </li> <li className={styles.link}> <a href="/contact">Contact</a> </li> </ul> </div> .link a { position: relative; display: inline; } .link a:hover { transition: all 0.3s…
I'm encountering a hydration error in a Next.js project when using the Shadcn Dialog component. The error message is: "Hydration failed because the initial UI does not match what was rendered on the server." Here are the key components: modal.tsx:…
I have app about hockey statistics, I dont have endpoint with this stats , I have endpoint with team and player stats. I am calling api with first team , select first 2 players save to arr and call api…
In my NextJS v14 project I would like to create a Dynamo db record every time a user signs up. So, I followed this official AWS tutorial, but I stumbled upon few hiccups, like: When I run amplify update function…
I'm new to next.js I don't understand why metadata variable is exported from Layout file and not importing it anywhere import "./globals.css"; export const metadata = { title: "NextJS App", description: "Your first NextJS app!", }; export default function Layout({…
I am a bit confused between the 2 events: checkout.session.async_payment_succeeded & checkout.session.completed I'm currently using checkout.session.completed so I'm curious if checkout.session.async_payment_succeeded sends any events that are not handled by checkout.session.completed. My current code looks like: const session = event.data.object as…
I am trying to iterate over the response I get from an API using the map() method but I keep getting the error 'drinks.map is not a function'. Below is my code Drinks import DrinksList from "@/components/DrinksList"; const url =…