Your cart is empty.
Keep shopping
モダンフレームワークのNext.jsでショッピングサイトを構築してみよう【Stripeで決済システム構築】
2,210 students
モダンフレームワークのNext.jsでショッピングサイトを構築してみよう【Stripeで決済システム構築】
Next.jsを使って実践的なショッピングサイトを１からハンズオン形式で構築します。バックエンドAPIはCMSで有名なStrapiを使用し、決済システムの導入はStripeを使用。よりNext.jsの知識を深めたい人に贈る開発実践講座
Created byShin Code
Last updated 9/2024
Japanese
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オブジェクトが理解できる
Explore related topics
Course content
8 sections • 84 lectures • 5h 41m total length
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アプリに決済システムを導入したい方