Next.jsにsitemapを導入する方法

Next.jsにsitemapを導入の3ステップ

Next.jsにsitemapを導入するのはとても簡単で3ステップだけになります。

next-sitemapのインストール

yarn add next-sitemap -D

next-sitemap.jsファイルの作成

next-sitemap.jsというファイルを作り、下記のようにURLやその他optionsを指定します。

module.exports = {
  siteUrl: 'https://example.com',
  generateRobotsTxt: true, // (optional)
}

package.jsonの設定

あとは、package.jsonにnext-sitemapを下記のように加えてあげれば、yarn run sitemapでsitemapを作成するようになります。

  "scripts": {
   "sitemap": "next-sitemap"
  }