プロジェクト一覧に戻る
SaaS · 3Dデザイン2026
コース・サブスクリプション・作品公開を備えた3Dデザインプラットフォーム
3Dデザインのヘブライ語SaaSプラットフォーム。動画コースの購入、月額サブスクリプション、外部デザインツール用のクレジットパック、管理者承認付きの作品公開フローを提供。支払いと請求書はGreen Invoiceで。
課題
ヘブライ語の右から左のレイアウト、シェケル通貨と請求書対応を含む、トレーニング、ツールアクセス販売、作品公開のモデレートフローを一つにまとめたシステムが必要。支払いシステムはGreen Invoiceへ移行し、重い3Dモデルファイルのストレージも解決。
成果
マーケティングサイト、サインアップ・ログイン、制限されたユーザーエリア、管理用バックオフィスを備えたフルNext.jsアプリを納品。Muxコースプレイヤー、サブスクリプション・クレジットパック、公開承認ワークフロー、Cloudflare R2ストレージ、Green Invoiceによる支払い・請求を実装。
Tech Stack
Next.jsTypeScriptReactSupabaseGreen InvoiceCloudflare R2Muxthree.jsTailwind CSSVercel
進め方
アイデアから公開までの5つのステージ。
- 1商品仕様の決定：動画コース、サブスクリプション、クレジットパック、作品公開フロー
- 2Next.js, React, Tailwindでのヘブライ語（RTL）インターフェースの設計と構築
- 3LemonSqueezyからGreen Invoiceへの支払い・請求統合とwebhook移行
- 4ファイルのクライアント側バンドル、Cloudflare R2ストレージ、管理者承認のアップロード・公開パイプライン構築
- 5Supabase（Google OAuth、RLS）認証と権限管理、Muxコースプレイヤー、Vercelでの公開