NOTE 071 / 2021年

静的な配信で、ページ遷移を壊さない

静的に生成した Nuxt サイトで、ページ遷移がどう動くかを整理します。

2021年3月3日読了目安約2分

Full Static Generation では、ページの HTML だけでなく、遷移に必要なデータも事前に生成します。初回の表示が速くなる一方で、動的なルートをどこまで生成するかを決めておかないと、存在しないページへのリンクが生まれます。

生成の対象を一覧で管理し、ビルドのたびに漏れを確認します。動的な値を含むページは、事前に生成するのか、実行時に取得するのかを分けて考えましょう。

押さえたい点

外部サイトが開きます。内容は各サイトの管理下にあります。