ディレクトリ構成
Gatsby特有のディレクトリ・ファイルについて説明します。
- gatsby-config.js
各gatsby-plugin-***の設定を書く場所です。
- gatsby-node.js
GraphQLデータの生成やページの生成について書く場所です。
- gatsby-ssr.js
SSR時に実行するコードを書く場所です。
- gatsby-browser.js
全てのページで実行されるコードを書く場所です。
reset cssの読み込みなど。
- src/pages
pages配下のファイルはファイル名によって自動でルーティングされます。
pages/top.tsxの場合 https://***/topでアクセスできる。
- src/templates
gatsby-nodeを用いて生成するページのテンプレートは慣習としてここに置かれることが多いです。