Qandar

Q GridsomeのTemplateとPageのと違いは?

公開日:2021年4月5日

Answer

Templateは「複数ページを生成する」、Pageは「単ページを生成する」

記事一覧ページなどの「URLが動的に変わらないページ」はPageを使い、「URLが動的に変わるページ」の場合はTemplateを使います。

ブログの例で考えるとわかりやすいですが、

(一覧ページ)/blog/ => Page
(記事詳細ページ)/blog/how-to-start-gridsome/ => Template

という形です。

一覧ページページは、ページの中身は動的に変わりますが、URL自体は固定なのでPageで作成します。一方で、記事詳細ページは、ページの中身もURLも動的に変わるのでTemplateで作成することになります。

「静的ページを出力するか?」で使い分けるのもアリ

Gridsomeでは、APIのデータをソースにして静的にページを生成することが出来るので、記事詳細ページをpageで作ることも可能です。ただし、その場合は静的ページ(記事ごとのHTMLファイル)は生成されないという注意点があります。

その意味では、「動的にURLが変更するページを静的ページ生成したい場合はtemaplte、それ以外はpage」と覚えておくと良いかもしれません。

新着Q&A