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.
Declaring custom types in TypeScript for a Next.js application involves creating type definitions that can be used across your project to ensure type safety and better code management. Here are the steps to declare and use custom types in a Next.js app:
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:
