My site paths are like - https://www.example.com/us/en/products https://www.example.com/us/es/products https://www.example.com/us/en/categories https://www.example.com/us/es/categories or - https://www.example.com/[countryCode]/[languageCode]/products Though libraries like - next-intl provides a way to deal with languages only but not if it has some previous country code attached to it. Let me…
I want to fetch corresponding product image on each dynamic route in my NextJS project, like this: export default function singleProductPage({ params }) { const { product_code } = params; const imagePath = `../../../../assets/products/Hammer/${product_code}.jpg`; return ( <div> <Image src={imagePath} width={300}…
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,…
Hi I'm trying to implement the logout logic, my session token is stored in the cookies, which I want to clear if the token is no longer valid. But next.js is not allowing me to do so, even so their…
I am making Comment's like/dislike component. I am unable to maintain the state on initial run. It gets undefined on initial run, but state gets updated after pressing like button for second time. Following is my JSX: <div className="flex justify-between…
This is in a NextJS version 14.2.7 app. I have setup up an api under the following path. src/app/api/posts/route.ts When I call it from a client component as follows, works fine. const loadMorePosts = async () => { const res…
I would like to create a new Google API project for a nextJS webapp. I cannot understand how to get the API GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET without a domain. I have to setup in the .env file # Next Auth Google…
I want to clip the gradient of the parent element to the children but it doesnt quite work. either the gradient shows completely (not only covers the text) or my other, normal background is the background it uses to clip…
I have the react client component, it's a part of a next.js app, this component is a simple form that sends it's formData to a next.js server action through an async function that will do the following steps: Set form…
I am working on a Next.js project and trying to set dynamic metadata for different pages. I want my homepage title to show as Home | My Website, but it's only showing Home. Here's how I configured the metadata for…