Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
モダンフレームワークのNext.jsでショッピングサイトを構築してみよう【Stripeで決済システム構築】
Rating: 4.3 out of 5(205 ratings)
2,210 students

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

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

What you'll learn

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

Course content

8 sections84 lectures5h 41m total length
  • 本講座で学ぶこと4:25
  • 本講座の学習の流れ1:12

Requirements

  • Nextjsの基礎知識を理解している方(なくても可)
  • 簡単なHTML/CSS/Javascriptの文法を理解している方
  • Graphqlの基礎知識を理解している方(なくても可)

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の基礎的な使い方を理解している

Who this course is for:

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