
Maki@Sunwood AI Labs.
@hAru_mAki_ch
Published: January 26, 2025
1
7
31
Next.js SaaS Starterの内容を紹介させていただきます!📱✨ 🧵 (1/6) 📌 基本情報 ・Next.jsベースのSaaSスターターテンプレート ・認証機能、Stripe決済、ダッシュボード機能を搭載 ・MITライセンスで提供
🧵 (2/6) 🛠️ 主な機能 ・アニメーション付きターミナル要素を含むランディングページ ・Stripe Checkout連携の料金プラン(/pricing)ページ ・ユーザー/チームのCRUD操作可能なダッシュボード ・オーナー/メンバーロールによる基本的なRBAC ・Stripeカスタマーポータルでのサブスクリプション管理
🧵 (3/6) ⚡️ 技術スタック ・フレームワーク: Next.js ・データベース: Postgres ・ORM: Drizzle ・決済: Stripe ・UIライブラリ: shadcn/ui
🧵 (4/6) 💻 ローカル環境構築手順
🧵 (5/6) 🔑 デフォルトアカウント情報 ・メール: test@test.com ・パスワード: admin123 ・http://localhost:3000 でアクセス可能
🧵 (6/6) 💳 テスト用カード情報 ・カード番号: 4242 4242 4242 4242 ・有効期限: 未来の任意の日付 ・CVC: 任意の3桁
Next.jsベースのSaaSスターターテンプレート デモサイト: http://next-saas-start.vercel....