NestJS × Reactで学ぶフルスタックGraphQLアプリケーション開発

バックエンドにNestJS、フロントエンドにReactを採用してGraphQLアプリケーションの全体感を学べるコースとなっています。

Ratings 4.62 / 5.00
NestJS × Reactで学ぶフルスタックGraphQLアプリケーション開発

What You Will Learn!

  • GraphQLの基礎知識
  • NestJSを用いたGraphQLバックエンドの開発
  • Prismaを使用したデータベース操作
  • JWTを用いた認証
  • 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ではじめるサーバーサイド開発」という入門者向けコースも出していますので合わせてご視聴いただけますと幸いです。


Who Should Attend!

  • REST APIは学習済みだがGraphQLも学習してみたい方
  • GraphQLアプリケーションをフルスタックに開発してみたい方
  • GraphQLのドキュメント等で学習を始めたものの挫折してしまった方
  • 動画を見て手を動かしながら学ぶのが好きな方

TAKE THIS COURSE

Tags

  • GraphQL

Subscribers

875

Lectures

61

TAKE THIS COURSE



Related Courses