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.
Take your presentation to the next level.
Put your face and name on your screen.
Your to-dos on your menu bar.
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.
In Next.js, you can use the Link component from next/link to create client-side navigation. However, if you want to use an HTML button element (<button>) to behave like a link, you can wrap it with the Link component. Here’s how you can do it:
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:
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 :)
