Qandar

Q Gridsomeでサイトマップを自動生成したい

公開日:2021年4月1日

Answer

Gridsome公式プラグインが用意されています

Gridsomeには、公式でサイトマップ生成プラグインが用意されているのでインストールします。

yarn add @gridsome/plugin-sitemap

インストールが出来たら、プラグインを使う旨をgridsome.config.jsに記述します。

module.exports = {
  //
  // 省略
  //
  plugins: [
    {
      use: '@gridsome/plugin-sitemap',
      options: {
        config: {
          '/blog/*': {
            changefreq: 'weekly',
            priority: 0.5,
          }
        }
      }
    },
  ]
}

これだけでプロジェクトをビルドした時に、sitemap.xmlが自動生成されます。

注意点としては、「ビルド時に自動生成する」という点で、プレビューサーバーで立ち上げた時は、サイトマップを自動生成しないので、プレビューは出来ません。

チェックしたい場合は、一度ビルドして出力したファイル(dist/sitemap.xml)をチェックするしかありません。

新着Q&A