0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

電子記事販売Webアプリケーション

Last updated at Posted at 2025-07-15

[概要]
Next.jsを使った電子記事販売Webアプリケーション

[使用ツール/言語]
・TypeScript
・Next.js
・tailwind css
・github
・Vercel
・microCMS
・Stripe

[主な内容]
・Next.jsを使ったECの構築
・Stripeでの購入データ管理(テスト環境)
・Vercelとgithubを連携させてデプロイを簡素化
・microCMSを使ってUIの設計
・Stripeを使ってAPIとシークレットキーを取得、アカウント認証情報の管理
・NextAuth.jsでの認証機能の実装

book.png
①電子記事販売画面のトップページ

book2.png
②購入したい商品をクリックすると表示

book3.png
③購入するをクリックするとgithubアカウントでのログイン画面に遷移(gmailその他)

book4.png
④Stripeで購入データを管理(テスト環境)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?