なつねこメモ

主にプログラミング関連のメモ帳 ♪(✿╹ヮ╹)ノ

書いてあるコードは自己責任でご自由にどうぞ。記事本文の無断転載は禁止です。

2022/02/10

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

カテゴリー: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 に設定を書く。

sitemap.config.js

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

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