Published on

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

Authors
  • avatar
    Name
    ssu
    Twitter

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" }

参考: next-sitemap