モダンフレームワークのNext.jsでショッピングサイトを構築してみよう【Stripeで決済システム構築】
Next.jsを使って実践的なショッピングサイトを1からハンズオン形式で構築します。バックエンドAPIはCMSで有名なStrapiを使用し、決済システムの導入はStripeを使用。よりNext.jsの知識を深めたい人に贈る開発実践講座
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アプリに決済システムを導入したい方