Using NextJs's MetaData API, every page will be optimized for SEO out of the box. This includes:

app/_constants/seo.tsx

  • Title
  • Description
  • Base URL
  • Keywords
  • OpenGraph Data
    • Title
    • Description
    • URL
    • Support Email
    • Site Name
    • Type
    • Locale
    • Images
      • 1200x630 for X.com / Twitter
      • 1080x1080 for any square aspect displays (e.g. Insta)
      • 1600x900 for wide aspect display (e.g. facebook)
  • Twitter Data
    • Site
    • Creator
    • Title
    • Description
    • Images

The file app/sitemap.ts will automatically create a new sitemap with each deployment.

Of course, all of your products and all added pages (e.g. /about) will be added.

The file public/robots.txt contains the basic info for all search engine spiders. Within the implementation guide, there is one step to change the URL in this file as this cannot be done automatically.

The file app/manifest.ts will automatically create a Manifest.json that provides necessary info about the location of your icons.

Interested in kickstarting your next project?

Get the latest boilerplates, components, and news straight to your inbox.

By signing up, you agree to our Privacy Policy