NestJS × Reactで学ぶフルスタックGraphQLアプリケーション開発
バックエンドにNestJS、フロントエンドにReactを採用してGraphQLアプリケーションの全体感を学べるコースとなっています。
Description
本コースでは、REST APIの代替として注目されているGraphQLについて基礎から学習を開始し、GraphQLアプリケーション開発の全体感を学習するコースです。
バックエンドにNestJS、フロントエンドにReact（Apollo Client）を採用し、アプリケーションを構築しながらGraphQLの理解を深めることができます。
■本コース学習する主な内容
基礎編
GraphQLの基礎
NestJSの基礎
実践編
バックエンドの実装
NestJSの環境構築
GraphQLのセットアップ
リゾルバーの実装（Query / Mutation）
GraphQL Playground
Prismaによるデータベース接続
Prismaスキーマの定義とマイグレーション
テーブル間のリレーション
JWT認証の実装
フロントエンドの実装
Reactの環境構築
ページのルーティング
GraphQLクライアント（Apollo Client）のセットアップ
muiを使用したレイアウト作成
認証機能の実装
■本コースの対象受講者
REST APIは学習済みだがGraphQLも学習してみたい方
GraphQLアプリケーションをフルスタックに開発してみたい方
GraphQLのドキュメント等で学習を始めたものの挫折してしまった方
動画を見て手を動かしながら学ぶのが好きな方
■コースに必要な前提知識
Reactの基礎知識
TypeScriptの基礎知識
GraphQL、NestJSの知識は不要です
NestJSについてはコースで必要な内容は解説していますが、REST APIに関してなど幅広く学習したい方は、「NestJS入門 TypeScriptではじめるサーバーサイド開発」という入門者向けコースも出していますので合わせてご視聴いただけますと幸いです。
What You Will Learn!
- GraphQLの基礎知識
- NestJSを用いたGraphQLバックエンドの開発
- Prismaを使用したデータベース操作
- JWTを用いた認証
- Reactを用いたGraphQLフロントエンドの開発
Who Should Attend!
- REST APIは学習済みだがGraphQLも学習してみたい方
- GraphQLアプリケーションをフルスタックに開発してみたい方
- GraphQLのドキュメント等で学習を始めたものの挫折してしまった方
- 動画を見て手を動かしながら学ぶのが好きな方