Implement On Page SEO Support
Use next seo
So far, we have created these metatags using standard Next.js primitives. There's nothing wrong that approach & what we did previously is all you need most of the time.
But there's a package called next-seo, which wraps most of these functionalities into a nice React component. It has support beyond "Open Graph" and helps you to handle various other SEO related tasks.
JSON LD Support
You can use next-seo to add JSON LD metadata in your web pages. We don't need them for a blog app. But if you are building e-commerce or a product that generates user-generated content, Google can use JSON LD to render your web pages with more information.
Refer the documentation to get started.