All Articles

Gatsbyドキュメント Doc -> Recipes の内容一覧(日本語訳)

2019/08/20

公式ページ

Gatsby Doc -> Recipes
https://www.gatsbyjs.org/docs/recipes/

項目一覧

  1. ページとレイアウト
  2. CSSによるスタイリング
  3. スターターの使用
  4. テーマの使用
  5. データの調達
  6. データのクエリ
  7. 画像の使用
  8. データの変換
  9. サイトの展開

各項目と内容

  1. ページとレイアウト
    — プロジェクト構造
    — ページを自動的に作成する
    — ページ間のリンク
    — createPageを使用してページを作成する — GraphQLを使用せずにデータからページを作成する — レイアウトコンポーネントの作成
  2. CSSによるスタイリング
    — スタイル付きコンポーネントの使用 — ローカルフォントの追加 — Googleフォントの使用
  3. スターターの使用
    — スターターを使用する
  4. テーマの使用
    — テーマスターターを使用して新しいサイトを作成する — 新しいテーマの構築
  5. データの調達
    — ソースノードの作成
  6. データのクエリ
    — ページクエリの使用 — Netlifyへのデプロイ — データのクエリ — StaticQueryコンポーネント — useStaticQueryフックを使用したデータのクエリ — GraphQLによる制限 — GraphQLでの並べ替え — GraphQLを使用したフィルタリング — GraphQLクエリエイリアス — GraphQLクエリフラグメント
  7. 画像の使用
    — webpackを使用して画像をコンポーネントにインポートする — 静的フォルダーから画像を参照する — gatsby-imageを使用したローカル画像の最適化とクエリ — gatsby-imageを使用したポストフロントマターの画像の最適化とクエリ
  8. データの変換
  9. サイトの展開
    — 展開の準備

一覧にしてみて

 Tutorialが終わったあとぐらいに取り組むとちょうど良さそうだと感じた。  Gatsbyが実際にどのように動いているかの仕組みと、Deployしたサイトを変更したい場合の具体例が多くあるように思う。