Next.jsを利用することで、より多様なwebサイト・アプリケーションを開発できるようになります。 今回のワークショップでは、Next.jsとStripeを利用した、シンプルなECサイトをフルスクラッチする方法を体験できます。
なお、このワークショップドキュメントは不定期にアップデートを行います。 内容が前回開催時と変更されている場合もございますのでご了承ください。

Next.jsとStripeではじめるシンプルなECサイト開発ワークショップ

はじめに

Next.jsを利用したアプリのセットアップ

Next.jsで静的なサイトを作ってみよう

Next.jsでAPIやサーバー側処理のあるサイトを作ってみよう

Stripeを利用して、商品・料金情報を登録しよう

Stripeに登録した商品を、Next.jsのAPIで取得しよう

Stripeに登録した商品を、Next.jsで取得・表示しよう

use-shopping-cartで簡単な決済フォームを追加しよう

Stripe SDKで高機能な決済フォームを追加しよう

use-shopping-cartで、カート機能を追加しよう

Webhookで注文内容を取得しよう

おわりに

ワークショップ・イベント開催レポート｜Next.jsとStripeではじめるシンプルなECサイト開発ワークショップ

読者コミュニティ｜Next.jsとStripeではじめるシンプルなECサイト開発ワークショップ

nextjs

react

stripe

Hidetaka Okamoto(Stripe)