0

More than 3 years have passed since last update.

@fumi-m(Fumi Maeyama)

Gatsby と GraphQL

Last updated at 2022-02-26Posted at 2022-02-26

Why Gatsby Uses GraphQL より -何で静的pageジェネレーター GatsbyはわざわざGraphQLを採用したのか?

プログラムによりページをビルドする場合 createPages NodeAPIを使ってページを作成する必要がある
- → ブラウザサイドでJavascriptによりページ内容を描画するのではない。URLによるアクセスで最初に表示されるページを動的に生成する
- プログラムにハードコードできない場合に..
  - JSON (third-party API, local Markdown, or JSON fileでデータを取得する）
    - gatsby-node.js の exports.cratePages の中でjsonから取得したデータを forEachで回してcreatePageでページを生成する
  - JSONではイメージを渡すことができない（imageフォルダに置いたイメージに対してその相対パスを渡すことになる）
  - GraphQLを使うとイメージのインポートも適切できる模様？ (graphql 関数の中で色々と指定できるみたい）

0

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

0