[Hasura応用編] Nextjs + Firebase + HasuraによるGraphQL Web開発
Nextjs + React-query + Firebase + Hasura + Redux-toolkit + TypeScriptによるGraphQL Web開発手法を習得
What you will learn
react-queryを使ったServer data state management (GraphQL)
react-queryとnextjsの連携(SSG + ISR)
Nextjsとredux toolkitの連携
react-queryとHasuraの連携(CRUD)
Firebaseによるユーザー認証 (Hasura JWT)
Description
本コースでは、HasuraのPermission機能、JWTによるエンドポイントの保護(Firebase Auth)とReact-queryによるGraphQL CRUD操作、React-queryとNextjs (SSG + ISR)の連携方法を中心にReactのGraphQL Web開発について学習します。
***注意点***
本コースでは、Firebase Cloud functionsを使用する為、Blazeプランにアップグレード時にクレジットカード情報が必要になります。
本コースの学習ポイント
Firebase Authによるユーザー認証
Firebase AuthとHasura JWTの連携 (custom claims)
Hasura Permission機能
react-queryによるサーバーデータ状態管理(GraghQL)
redux-toolkitによるクライアント(UI)状態管理 in Nextjs
Nextjsとreact-query連携(SSG + ISR) : Hydration/Dehydration
useQuery + useMutationによるGraphQL CRUD処理 (react-query <---> Hasura server)
技術トピック
Nextjs, Hasura, react-query, Firebase(Cloud function, authentication, cloud store), TypeScript, Redux-toolkit, TailwindCSS