Next.js SEO Pack

Nextjs is a framework that has built-in support for SEO. However, here are some extra utilities that can help supercharge the SEOness of Next.js.

next-seo: This package makes it easy to add seo meta data for the page in Nextjs. It allows you to add Title, Meta Description, Keywords, etc. easily.

Additional Benefits:

1. Allows you to create Rich Results for your pages.

2. Allows you to add canonical URL, robots Txt.

3. Gives you option to create Title Template, so you don’t have to write similar portion of title repeatedly.

4. Supports Open Graph: Allows you to create Rich Results for Social Sharing.

5. Allows you to add JSONLTD for FAQ, How-Tos Post, Job Posting, Local Business, Logos, Products, etc.

Next SEO makes SEO more easier.

next-sitemap: This npm(Node package manager) package allows you to create sitemap dynamically in Nextjs websites.

This package allows options for:

1. Splitting large sitemaps into smaller chunks of sitemaps.

2. customize the attributes of the sitemap items.

Although, its a simple tool, but a MUST REQUIRED Tool

vercel/og: This npm library is built by Vercel (Developer of Nextjs).

This library allows you to create dynamic Images with code. Its exciting how awesome it is. For example you have a programmatic seo site, and you want to create unique open graph images for 10,000 of pages at once. This library come handy for that.

next-pwa: If you want to build Progressive Web App with Nextjs. This library can help you. It requires less or 0 config to convert existing Nextjs site to PWA.

Nextjs is SEO friendly by design, but these app can help you accelerate your execution of the plan to reach your SEO Goals faster with Nextjs.

Hope you liked this Blog Post!