画像生成AI SaaSを作りながらNext.js App RouterとStripeサブスク決済機能が学べる実践開発講座
Next.js App Router/Stripe/Clerk/Prisma/Stable Difussion APIを使ってAI SaaSを開発します。個人開発では必須のStripe決済機能実装とClerk認証まで学べます。
4.75 (8 reviews)
101
students
9 hours
content
Jan 2025
last update
$13.99
regular price
What you will learn
画像生成AI SaaS開発を通してNext.js App Routerが学べる
AI(Stable Diffustion)のAPIを使ったAI画像生成ができる
Stripe決済サービスを使ったサブスクリプション決済が実装できる
Clerkを使ったユーザーOAuth認証機能が実装できる
TiDBを使ってデータベースの運用と管理ができる
shadcn/uiを導入して高品質なUIが構築できる
SaaSで一般的なダッシュボードページUIが実装できる
ダッシュボードページをレスポンシブに対応できる
Next.js App Routerで登場したServerActionsでフォーム実装ができる
useActionState()を使ったServerActionsの実装ができる
画像バイナリデータの取り扱いが分かる
sharpを使って画像圧縮と最適化ができる
画像ダウンロードボタンの実装方法が分かる
StripeとClerkのWebhookを使ったトリガーイベント管理ができる
ngrokを使ったWebhookテスト手法が分かる
Prisma ORMを使ってTiDBへクエリできる
Clerk認証時にデータベースやユーザー情報の追加実装ができる
生成AI系のアプリケーションで必須のクレジット機能が実装できる
クレジットの有無によって課金ページへのリダイレクト処理ができる
ストリーミングデータフェッチングが実装できる
松竹梅プランの課金ページが作れる
Stripeを使ったチェックアウト決済が実装できる
Stripeの顧客情報をTiDBへ保存できる
Stripeポータルを使ったサブスクリプション管理が実装できる
ユーザープロフィール管理用の設定ページが作れる
Prismaのトランザクション機能を使ったデータ削除が実装できる
Claudeを使ったエラー解決法が分かる
Boltを使って高品質なLPの作り方が分かる
Cursorを使ったAI駆動開発が少し学べる
GithubとVercelを連携してデプロイできる
ビルドエラーの際の対処法が分かる
ClerkとStripeを本番環境に移行させる方法が分かる
個人開発やAI駆動開発の今後の学び方が分かる
Screenshots
6241951
udemy ID
10/18/2024
course created date
2/2/2025
course indexed date
Bot
course submited by