概要
Nuxt3でサイトマップを作成する方法がいくつかありましたので、備忘録です。
[1] @nuxtjs/sitemap
ドキュメント

Introduction
Sitemap Module for Nuxt
参考記事

@nuxt/sitemapで動的にサイトマップを作る
インストール
npm install -D @nuxtjs/sitemap
リポジトリ
GitHub - nuxt-community/sitemap-module: Sitemap Module for Nuxt 2
Sitemap Module for Nuxt 2. Contribute to nuxt-community/sitemap-module development by creating an account on GitHub.
[2] sitemap
参考記事

【Nuxt3】SSGモードでxmlサイトマップを作成する方法【動的ページ対応】
インストール
npm install -D sitemap
リポジトリ
GitHub - ekalinin/sitemap.js: Sitemap-generating framework for node.js
Sitemap-generating framework for node.js. Contribute to ekalinin/sitemap.js development by creating an account on GitHub.
[3] nuxt-simple-sitemap
こちらは、以下の記載がありましたので、[1]の@nuxtjs/sitemapを使うのがよさそうです。
Package has been migrated to @nuxtjs/sitemap.
www.npmjs.com
ドキュメント
nuxt.com
参考記事
Nuxt3でサイトマップを生成する | Shinobi Works(シノビワークス)
Nuxt3でサイトマップが生成できるモジュール、Simple-Sitemapが公開されました。難しい設定不要で、動的ルーティング含め、ちゃんとしたsitemap.xmlが.output/publicフォルダ内に生成されます。
インストール
npm install --save-dev nuxt-simple-sitemap
リポジトリ
GitHub - nuxt-modules/sitemap: Powerfully flexible XML Sitemaps that integrate seamlessly, for Nuxt.
Powerfully flexible XML Sitemaps that integrate seamlessly, for Nuxt. - nuxt-modules/sitemap
まとめ
他にもあるかもしれませんが、参考になりましたら幸いです。
動画版(生成AIによる自動生成): この記事の内容をずんだもん×四国めたんの掛け合いで解説しています。自動生成のため、内容に誤りがある可能性があります。正確な情報は記事本文をご参照ください。




コメント
…