Welcome to our Website
LAPOZ-AI

gatsbyとは

・REACT製の静的サイトジェネレータ ー入力ファイルから静的ページを構築するためのツールです。 コンテンツ（ヘッドレスCMSなど）を取り込み、選択したテンプレートを適用して、静的なHTMLページを生成します。

 ・事前ビルド ・SPA ・SSR サーバサイドレンダリング（JS実行済みのHTML生成）・PRPL

手順

gatsby new gatsby-site gatsby develop http://localhost:8000/

で起動

各ファイルの説明

gatsby-browser.js

ブラウザ実行時のgatsby各種ファイルをカスタマイズするファイル

ブラウザで実行するプラグインをいじる場合に編集する

gatsby-config.js 

サイトのメタデータ gatsbyで使用するプラグインの設定を記述するファイル

node.js

ビルド時のページ生成 グラフQLのでのデータ取得 node側の各種イベント処理のhook gatsby-node apiが提供するプラグインを使用する場合記述

gatsby-ssr.js

ビルド時におけるリアクトレンダリング

package.json

プロジェクトで使用するプラグインをパッケージ化したファイル

ファイルアクセス許可

src以下のpostファイルにアクセスしたい時 gatsby-config.jsでgatsby-source-filesystemに設定する。