[{"data":1,"prerenderedAt":95},["ShallowReactive",2],{"legacy-question-a8c2009a9b420356be5b5cbd9e4bfa48":3,"legacy-question-author-koji-kadoma":68,"legacy-question-category-website-building":84},{"id":4,"title":5,"author":6,"body":7,"category":54,"date":55,"description":56,"extension":57,"locale":58,"meta":59,"navigation":60,"path":61,"seo":62,"slug":63,"stem":64,"tag":65,"updated":55,"__hash__":67},"legacyQuestions\u002F20210405000000-gridsomeのtemplateとpageのと違いは？.md","GridsomeのTemplateとPageのと違いは？","koji-kadoma",{"type":8,"value":9,"toc":49},"minimark",[10,15,19,22,33,36,39,43,46],[11,12,14],"h2",{"id":13},"templateは複数ページを生成するpageは単ページを生成する","Templateは「複数ページを生成する」、Pageは「単ページを生成する」",[16,17,18],"p",{},"記事一覧ページなどの「URLが動的に変わらないページ」はPageを使い、「URLが動的に変わるページ」の場合はTemplateを使います。",[16,20,21],{},"ブログの例で考えるとわかりやすいですが、",[23,24,29],"pre",{"className":25,"code":27,"language":28},[26],"language-text","（一覧ページ）\u002Fblog\u002F => Page\n（記事詳細ページ）\u002Fblog\u002Fhow-to-start-gridsome\u002F => Template\n","text",[30,31,27],"code",{"__ignoreMap":32},"",[16,34,35],{},"という形です。",[16,37,38],{},"一覧ページページは、ページの中身は動的に変わりますが、URL自体は固定なのでPageで作成します。一方で、記事詳細ページは、ページの中身もURLも動的に変わるのでTemplateで作成することになります。",[11,40,42],{"id":41},"静的ページを出力するかで使い分けるのもアリ","「静的ページを出力するか？」で使い分けるのもアリ",[16,44,45],{},"Gridsomeでは、APIのデータをソースにして静的にページを生成することが出来るので、記事詳細ページをpageで作ることも可能です。ただし、その場合は静的ページ（記事ごとのHTMLファイル）は生成されないという注意点があります。",[16,47,48],{},"その意味では、「動的にURLが変更するページを静的ページ生成したい場合はtemaplte、それ以外はpage」と覚えておくと良いかもしれません。",{"title":32,"searchDepth":50,"depth":50,"links":51},2,[52,53],{"id":13,"depth":50,"text":14},{"id":41,"depth":50,"text":42},"website-building","2021-04-05T01:00:00.000Z","Gridsomeのtemplateとpageのと違いは？","md","ja",{},true,"\u002F20210405000000-gridsometemplatepage",{"title":5,"description":56},"a8c2009a9b420356be5b5cbd9e4bfa48","20210405000000-gridsomeのtemplateとpageのと違いは？",[66],"gridsome","1LyjvYYLRZMVw3qX_3sZ5kJhxRUTkIqZ7waFx-oRyqw",{"id":69,"title":70,"body":71,"date":75,"description":76,"extension":57,"locale":58,"meta":77,"name":80,"navigation":60,"path":81,"seo":82,"slug":6,"stem":6,"updated":75,"__hash__":83},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":72,"toc":73},[],{"title":32,"searchDepth":50,"depth":50,"links":74},[],"2021-04-01T00:00:00.000Z","Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":78,"url":79},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":70,"description":76},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":85,"title":86,"body":87,"date":75,"description":86,"extension":57,"locale":58,"meta":91,"navigation":60,"path":92,"seo":93,"slug":54,"stem":54,"updated":75,"__hash__":94},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":88,"toc":89},[],{"title":32,"searchDepth":50,"depth":50,"links":90},[],{},"\u002Fwebsite-building",{"title":86,"description":86},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320301480]