ブログ構築B!LINEFrontEndNuxt.jsで作ったアプリ(本ブログ)でサイトマップを自動生成する方法を紹介します。Moduleを使うNuxt公式でライブラリが提供されているので、それを導入するだけで簡単にサイトマップを自動生成することができます。基本的に公式にある通りの手順で問題ありません。オプション設定が結構あるので必要に応じて設定が必要になります。@nuxtjs/sitemapnuxt.configのmodulesにsitemap-moduleを含めます。オプション設定を利用する場合はsitemapセクションを定義してそこにオプション設定を追記します。}},↑が現状このブログで使用している設定です。使用しているオプションについて下記に記載します。gziptrueにするとgzip圧縮されたサイトマップを追加で生成します(default:false)大量のページになる場合は圧縮したものが必要になりますが、サイトマップに書き出すページが少ないうちは不要。今はサーチコンソールのサイトマップ指定でも通常の圧縮されていないxmlを指定しています(とりえあえずtrue)excludeここにパスを指定すると、サイトマップで書き出されるパスから除外されます(配列形式で指定)trailingSlashtrueにするとサイトマップで書き出されるパスの末尾にスラッシュが付与されます。slashが無い無効なパスが書き出されてしまいます。slash)を強制的に付けて、アプリケーションで末尾ス...https://knote.life/entry/nuxt-trailing-slash/routesサイトマップに書き出すパスを指定します。記事ページは動的ルーティングを使用しているため、APIで記事データを全件取得して記事ページのパスを生成して配列形式で返却するかたちで指定します。動的ルーティングページ部分のところの考え方としては以下の記事で紹介した「動的ルーティングページの静的ページ生成」と同様です。generate時にsitemap.xmlおよび、gzip圧縮されたsitemap.xml.gzを生成してくれるようになり、デフォルトではdistフォルダ直下に吐き出されます。おわりにサイトマップを自動生成する方法について書きました。ブログ構築Home>programming>frontend>Nuxtで構築したブログでサイトマップを生成する方法Kバックエンドエンジニア旅行とお酒、そしてプログラミングが大好きなエンジニアです。FW)・Cが専門ですが、Vue/Nuxtをはじめとするフロントエンドまわりも勉強中。旅行は国内・海外問わず、海外旅行は現在12か国、国内は地酒・温泉目的で色々。東南アジアの旅行ならカンボジアが大好き(3回ほど渡航)お酒はビール・ウイスキー・日本酒があればOK。最近はおもにVue/Nuxtを使用して個人プロダクトを色々開発したりしています。AdSenseAboutK旅行とお酒、そしてプログラミングが大好きなエンジニアです。FW)・Cが専門ですが、最近はVue/Nuxtをはじめとするフロントエンドまわりも勉強中。旅行は国内・海外問わず、海外旅行は現在12か国、国内は色々。東南アジアの旅行ならカンボジアが大好き(3回ほど渡航)お酒はビール・ウイスキー・日本酒があればOK。