This happens when you have not set the metadata properly. Just make sure you have set the metadataBase property like below:
export const metadata = {
metadataBase: new URL('https://rampatra.com'),
// other configs
}
Learn more from the official docs.
If this article was helpful, others might be too
Nextjs does not allow defining the metadata object in client components. There are a couple of ways to resolve this problem. I will be talking about two of them here.
The main advantage of using the Link component in Next.js for client-side navigation is its optimized prefetching behavior, which enhances the performance and user experience of your web application. Here’s a breakdown of the key advantages:
To get the current path in a Next.js application, you can use the usePathname hook from next/navigation module. This hook allows you to access the current pathname within your components. Here’s how you can use it:
I have one too, but I try to support specific creators whose content I like. You can do the same.
I promise, there won't be more than two ads on a page, and you will still have a great experience :)
