モダンフレームワークのNext.jsでショッピングサイトを構築してみよう【Stripeで決済システム構築】

Next.jsを使って実践的なショッピングサイトを1からハンズオン形式で構築します。バックエンドAPIはCMSで有名なStrapiを使用し、決済システムの導入はStripeを使用。よりNext.jsの知識を深めたい人に贈る開発実践講座

Ratings: 4.23 / 5.00




Description

■ 本コースの対象者

・Next.js初心者から中級者へステップアップしたい方

・Next.jsを使ってショッピングサイトを作ってみたい方

・Next.jsを一通り学び終え、より実践的なアプリケーションを作りたい方

・Stripe決済システム込みのショッピングサイトを構築したい方

・Strapiと呼ばれるヘッドレスCMSでWebAPIをサクッと構築したい方

・GraphQLを使ってAPIフェッチング手法を学びたい方


Next.jsフレームワーク中級者向けの講座内容です。

Amazonのような決済システム込みのショッピングサイトを

1から構築しながらNext.jsの理解をより深める内容となっています。

これからNext.jsを使った業務・お仕事をする方には必見の内容です。


■ 本コースを受講する際の注意点

・HTML/CSS/JavaScriptの基本的な文法とルールは教えていません。

・Next.jsの基礎的な使い方を理解している

What You Will Learn!

  • Nextjsでショッピングサイトの作り方を体系的に学べる
  • ReactフレームワークのNextjsの実践的な使い方が学べる
  • Nextjsの雛形を自分の手で1から自作する方法が学べる
  • WebAPI構築用CMSであるStrapiの使い方が学べる
  • Strapiにおけるユーザーログイン手法が学べる
  • Stripeで決済システムをWebアプリに導入する方法が学べる
  • StripeAPIの扱いの基礎が理解できる
  • Postmanの使い方とAPIテスト方法が学べる
  • 基本的なHTMLとCSSが学べる
  • useRefやuseContext等のHooksの使い方が学べる
  • クッキーを用いたユーザー管理方法が学べる
  • クッキーを使った自動ログイン手法が学べる
  • GraphQLの基礎的な使い方が理解できる
  • GraphQLを用いたデータ取得手法が学べる
  • Javascriptを使ったフィルター検索機能が実装できる
  • アカウント登録機能が実装できる
  • 状態管理されているショッピングカートが実装できる
  • 非同期処理のPromiseオブジェクトが理解できる

Who Should Attend!

  • Nextjsを使って実践的なWebアプリを作ってみたい方
  • バックエンドAPI用CMSを理解したい方
  • フロントエンドは分かるけどバックエンドAPI構築法が分からない方
  • 独自のショッピングサイトを1から自作してみたい方
  • Stripeを使ってWebアプリに決済システムを導入したい方