[{"data":1,"prerenderedAt":100},["ShallowReactive",2],{"legacy-question-326d806dae9b67d1078a79ee54c7db85":3,"legacy-question-author-koji-kadoma":73,"legacy-question-category-website-building":89},{"id":4,"title":5,"author":6,"body":7,"category":60,"date":61,"description":5,"extension":62,"locale":63,"meta":64,"navigation":65,"path":66,"seo":67,"slug":68,"stem":69,"tag":70,"updated":61,"__hash__":72},"legacyQuestions\u002F20210402000000-girdsome-configとserverの違い.md","girdsome.config.jsとgirdsome.server.jsの違い","koji-kadoma",{"type":8,"value":9,"toc":54},"minimark",[10,15,19,22,25,29,32,35,45,48,51],[11,12,14],"h2",{"id":13},"girdsomeconfigjsは全体の設定","girdsome.config.jsは全体の設定",[16,17,18],"p",{},"girdsome.config.jsは、Gridsomeの全体の設定ファイルです。",[16,20,21],{},"サイト名の設定から、プラグインの指定、URLのパスの設定など、基本的にgirdsome.config.jsで設定をします。APIなどから動的に静的ページを生成しないのであれば、girdsome.config.jsで完結します。",[16,23,24],{},"Vue.jsのプラグインを使う場合は、main.jsも設定ファイルとして使いますが、Gridsome公式プラグインを使うだけなら、girdsome.config.jsの使い方を覚えるだけでOKです。",[11,26,28],{"id":27},"girdsomeserverjsは動的な設定","girdsome.server.jsは動的な設定",[16,30,31],{},"girdsome.server.jsは動的に静的ページを生成するための設定です。厳密には、Gridsomeプロジェクト下のGraphQLにNodeを追加するための設定です。",[16,33,34],{},"girdsome.server.jsでは、マークダウンファイルやページからではなく、APIやJsonなどのマスターページからGraphQLにNodeを追加するために、",[36,37,38,42],"ol",{},[39,40,41],"li",{},"データソースの指定",[39,43,44],{},"データをどのように追加するか",[16,46,47],{},"をプログラミングします。",[16,49,50],{},"girdsome.server.jsの設定は、girdsome.config.jsのように「JSONで設定を記述するだけ」ではなく、純粋なにNode.js（Javascript）で処理を書くので、最低限のJavascriptの知識がないと使えません。",[16,52,53],{},"ただし、GridsomeではAPIなどからデータを持ってこなくても、マークダウンファイルを使って同じようなことも出来るので、プロジェクトの構成やデータの取得方法などで使い分ける形になります。",{"title":55,"searchDepth":56,"depth":56,"links":57},"",2,[58,59],{"id":13,"depth":56,"text":14},{"id":27,"depth":56,"text":28},"website-building","2021-04-02T05:00:00.000Z","md","ja",{},true,"\u002F20210402000000-girdsome-configserver",{"title":5,"description":5},"326d806dae9b67d1078a79ee54c7db85","20210402000000-girdsome-configとserverの違い",[71],"gridsome","BI-Kcqd2au_gUNzk0fVejQj4IwsrrdktGHwL9-EuM7Y",{"id":74,"title":75,"body":76,"date":80,"description":81,"extension":62,"locale":63,"meta":82,"name":85,"navigation":65,"path":86,"seo":87,"slug":6,"stem":6,"updated":80,"__hash__":88},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":77,"toc":78},[],{"title":55,"searchDepth":56,"depth":56,"links":79},[],"2021-04-01T00:00:00.000Z","Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":83,"url":84},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":75,"description":81},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":90,"title":91,"body":92,"date":80,"description":91,"extension":62,"locale":63,"meta":96,"navigation":65,"path":97,"seo":98,"slug":60,"stem":60,"updated":80,"__hash__":99},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":93,"toc":94},[],{"title":55,"searchDepth":56,"depth":56,"links":95},[],{},"\u002Fwebsite-building",{"title":91,"description":91},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320301759]