【脱・初心者】Next.jsでECWebサイトを作ろう!

【脱・初心者】Next.jsでECWebサイトを作ろう!

💡 この本で学べること ・Next.jsの基礎から応用まで、実践的なスキルが身につく ・実際に動くECサイトを作りながら学ぶ、ハンズオン形式 ・幅広い知識と応用力 ・ある一つのプロダクトの全機能を抑えた理想的な形でインプット / アウトプット出来ること。 🎯 対象読者 ・初心者から中級者へのステップアップをしたい人 ・Next.jsの概要はつかめているが、具体的なアウトプットがまだできていない人 ・ポートフォリオを作成したい人 ・Next.jsでの開発全般に興味がある 📘 本書の特徴 ・実際に手を動かしながら学べ、質の高いアウトプットが出来ます。 ・ハンズオンでありがちな、「そこがわからない」「同じようにやってるはずなのにエラーになって進まずモチベが下がってしまう」が極力なくなるように心がけました。 ・Next.jsでサイトを作るだけでなく、Stripeでのクレカ決済やVercelでのデプロイなど、実務でも利用される技術を初心者の段階で習得することができます。 🛠 取り扱う技術とツール ・Next.js ・TypeScript ・Tailwind CSS ・Prisma (データベース操作) ・NextAuth.js (認証) ・Stripe (決済処理) ・Vercel (デプロイ) 🚀 完成するプロジェクト 本書で実装する本格的なECサイトには以下の機能が含まれます: ・商品一覧 ・詳細表示 ・ユーザー認証 ログイン / ログアウト(ソーシャルログイン対応) ・注文処理と決済機能 ・管理者ダッシュボード 実際に動くアプリケーションを作り上げることで、座学だけでは得られない実践的なスキルが身につきます。

Chapters
Chapter 01無料公開

Next.jsプロジェクトをセットアップしよう

Chapter 02無料公開

Vercelとは?

Chapter 03無料公開

Vercelを使ってみよう

Chapter 04無料公開

フォントを設定しよう

Chapter 05

ヘッダーコンポーネントを追加しよう

Chapter 06

HomePageに販売する商品のデータを出力しよう

Chapter 07無料公開

ログインページを作ろう

Chapter 08無料公開

NextAuth.jsとは?

Chapter 09

NextAuth.jsを実装しよう

Chapter 10無料公開

Prismaとは?

Chapter 11

Prismaをセットアップしよう

Chapter 12

Prismaのインスタンスを作成しよう

Chapter 13

Prismaのモデルを作成しよう

Chapter 14

Prismaをマイグレーションしよう

Chapter 15

認証用APIを構築しよう

Chapter 16

ログインと同時にアイコン画像を反映させよう

Chapter 17無料公開

MicroCMSとは?

Chapter 18

MicroCMSをセットアップしよう

Chapter 19

MicroCMSのAPIを実装しよう

Chapter 20

MicroCMSにコンテンツを登録しよう

Chapter 21

MicroCMSとNext.jsを連携しよう

Chapter 22

MicroCMSのAPIをコールしよう

Chapter 23

商品個別ページを実装しよう

Chapter 24無料公開

ログアウト機能を実装しよう

Chapter 25無料公開

Stripeとは?

Chapter 26

Stripeで支払い受付のセットアップをしよう

Chapter 27

Stripeチェックアウト決済のAPIを作成しよう

Chapter 28

StripeAPIを実行しよう

Chapter 29

ファイルを分割してエラーを解消しよう

Chapter 30無料公開

Stripeを経由して購入してみよう!(テストモード)

Chapter 31

購入成功ページを作成しよう

Chapter 32

購入履歴の保存用APIを作成しよう

Chapter 33

実際に購入情報を保存してみよう

Chapter 34

ReactStrictModeの設定を変更する

Chapter 35

プロフィールページを作成しよう

Chapter 36

ログインしていない場合はログインページに遷移させよう

Chapter 37

購入履歴を実装しよう

Chapter 38

購入履歴を取得するAPIを作成しよう

Chapter 39

プロフィールに表示させよう

Chapter 40無料公開

Vercelへのデプロイエラーを解決する

Author
Haruki Inoue | Notion公式キャンパスリーダー
Topics
公開
文章量
88,818
価格
700