Next.js でサイトマップを生成したい

サイトマップ送信しないと永遠にインデックスされなさそうなので、作って Google に投げつけるよ！ ということで、いつも通りライブラリーの導入から。

$ yarn add next-sitemap --dev

今のところ next-sitemap で検索すると日本語記事では build の最後にやってるのがでたりしますが、普通に postbuild で良いので、そこでやります。

{
  "scripts": {
    "dev": "next-remote-watch ./contents/",
    "build": "next build",
    "postbuild": "next-sitemap --config sitemap.config.js",
    "start": "next start",
    "lint": "next lint"
  }
  // 略
}

で、あとは sitemap.config.js に設定を書く。

module.exports = {
  siteUrl: "https://www.natsuneko.blog",
  generateRobotsTxt: true,
  sitemapSize: 10000,
  outDir: "./public/",
};

これであとは Vercel に投げつけると、サイトマップが勝手に生成される。
おしまい。