Next.jsでsitemap.xmlを作る

ツイート
2021年06月05日
2021年06月05日

iamvishnusankar/next-sitemapを使う。

インストール

bash
yarn add next-sitemap -D

next-sitemap.js作成

next-sitemap.jsをプロジェクトルートに配置する。 staticサイトの場合、outに吐き出されるので、outDir: './out'に設定する。 (Static HTML Exportで確認)

js
module.exports = { siteUrl: 'https://example.com', generateRobotsTxt: true, sitemapSize: 7000, outDir: './out' }

build設定

package.jsonを変更する。

json
... "scripts": { "build": "next build && next export", "postbuild": "next-sitemap" // 追記 } ...