garmeeh/next-seo

next-seo is a library for Next.js, a popular React-based web framework, that simplifies adding SEO-related structured data to your pages. SEO (search engine optimization) involves making your content easier for search engines like Google to understand and display well in search results. One important technique is adding JSON-LD markup: invisible blocks of structured information embedded in a page that describe its content to search engines in a standard format. Without a library like next-seo, developers have to write and maintain this structured data by hand. The library provides React components that generate JSON-LD markup for many common content types: articles, blog posts, news articles, products, reviews, events, FAQs, recipes, videos, local businesses, and more. You include the relevant component in your page and pass it the appropriate properties, and it handles the output formatting. For example, adding article metadata (headline, author, date, image) for a blog post is a matter of including the ArticleJsonLd component with a few lines of props. The library has evolved alongside Next.js. In earlier versions it also managed standard HTML meta tags like title and description. The current version focuses on JSON-LD components, since Next.js now provides its own built-in way to handle those meta tags via a generateMetadata function. The README explicitly points users to that built-in feature for standard meta tag management. Installation is a single npm command. The library supports both the App Router (the newer way of building Next.js apps) and the older Pages Router. TypeScript types are included, making it straightforward to use in typed projects. The README is very long and documents dozens of components with props tables, examples, and best practices notes. The full README is longer than what was shown.