アーカイブ:2022年 10月
-
サンプルコード GraphQLの操作情報は以下のように定義しておきます。指定したい情報を定義します。(下の例で言えばname) [crayon-660605be71b8f203168158/] カスタムフックとして以下のhooksを定…
-
SSG(Static Site Generation)とは? 事前にサーバーサイドでデータを取得するのでブラウザのJavaScriptが無効になっていてもデータを読み込むことができます。 初回のビルドを前もってやっておくのでページの…
-
Next.jsではクライアントサイドとサーバーサイドの処理を扱うことができるのでApolloClientを使う場合は処理の切り分けが重要になってきます。 サーバーサイドで実行される箇所(SSG、ISR:getStaticProps、get…
-
REST API & Reduxの場合 グローバルストアにReduxを使ってコンポーネント間で状態管理します。 もしくは、最近はRecoilなども使われることも多いです。 GraphQL & Apollo Clie…
-
graphql-codegenとは? GraphQLのデータ型を自動生成するパッケージです。 インストール [crayon-660605be72d1c394927980/] What type of application are …
-
GraphQLは「クエリ言語」と「スキーマ言語」の二つに分かれます。 クエリ言語 スキーマ言語 クエリ言語 フロント側、リクエスト。ルート型で始まる。これを使うことでデータソースへのアクセスができます。 ルート型 …