モダンフレームワークのNext.jsでショッピングサイトを構築してみよう【Stripeで決済システム構築】
Next.jsを使って実践的なショッピングサイトを１からハンズオン形式で構築します。バックエンドAPIはCMSで有名なStrapiを使用し、決済システムの導入はStripeを使用。よりNext.jsの知識を深めたい人に贈る開発実践講座
Created by Shin Code
What you'll learn
- Nextjsでショッピングサイトの作り方を体系的に学べる
- ReactフレームワークのNextjsの実践的な使い方が学べる
- Nextjsの雛形を自分の手で１から自作する方法が学べる
- WebAPI構築用CMSであるStrapiの使い方が学べる
- Strapiにおけるユーザーログイン手法が学べる
- Stripeで決済システムをWebアプリに導入する方法が学べる
- StripeAPIの扱いの基礎が理解できる
- Postmanの使い方とAPIテスト方法が学べる
- 基本的なHTMLとCSSが学べる
- useRefやuseContext等のHooksの使い方が学べる
- クッキーを用いたユーザー管理方法が学べる
- クッキーを使った自動ログイン手法が学べる
- GraphQLの基礎的な使い方が理解できる
- GraphQLを用いたデータ取得手法が学べる
- Javascriptを使ったフィルター検索機能が実装できる
- アカウント登録機能が実装できる
- 状態管理されているショッピングカートが実装できる
- 非同期処理のPromiseオブジェクトが理解できる
Requirements
- Nextjsの基礎知識を理解している方(なくても可)
- 簡単なHTML/CSS/Javascriptの文法を理解している方
- Graphqlの基礎知識を理解している方(なくても可)
Description
■ 本コースの対象者
・Next.js初心者から中級者へステップアップしたい方
・Next.jsを使ってショッピングサイトを作ってみたい方
・Next.jsを一通り学び終え、より実践的なアプリケーションを作りたい方
・Stripe決済システム込みのショッピングサイトを構築したい方
・Strapiと呼ばれるヘッドレスCMSでWebAPIをサクッと構築したい方
・GraphQLを使ってAPIフェッチング手法を学びたい方
Next.jsフレームワーク中級者向けの講座内容です。
Amazonのような決済システム込みのショッピングサイトを
１から構築しながらNext.jsの理解をより深める内容となっています。
これからNext.jsを使った業務・お仕事をする方には必見の内容です。
■ 本コースを受講する際の注意点
・HTML/CSS/JavaScriptの基本的な文法とルールは教えていません。
・Next.jsの基礎的な使い方を理解している
Who this course is for:
- Nextjsを使って実践的なWebアプリを作ってみたい方
- バックエンドAPI用CMSを理解したい方
- フロントエンドは分かるけどバックエンドAPI構築法が分からない方
- 独自のショッピングサイトを１から自作してみたい方
- Stripeを使ってWebアプリに決済システムを導入したい方
Instructor
Webエンジニア
- 4.5 Instructor Rating
- 8,107 Reviews
- 30,017 Students
- 31 Courses
皆さんはじめまして。Shinと申します。
休みの日はプログラミングばかり触っているちょっと変わった人です。便利なアプリや好奇心をくすぐられるようなアプリを作るのが趣味です。
動画レクチャーは分かりやすいように作成するように心がけています。
どうぞよろしくお願いします。