EN
ソースコード販売 / 商用利用OK
starter kit
管理画面を「作る前」から完成させる

ProjectConsole Starter Kit

Next.js + Supabase 製の プロダクト / ニュース管理コンソールを丸ごと渡すスターターキットです。

ログイン・一覧・詳細・多言語対応・画像アップロードまで揃っているので、
あとはビジネスロジックを足すだけで、自分やクライアントの管理画面が完成します。

Next.js 14 / TypeScript
Supabase Auth + Storage
プロダクト & ニュース管理
多言語（ja / en）対応済み
デモを見る
※ 決済完了後、ダウンロード用URL（Gitリポジトリ or ZIP）をメールでお送りします。
管理画面イメージ
サイト管理用ダッシュボード画面イメージ
features

何が「すでに」出来上がっているか

「管理画面を1から作るコスト」を徹底的に削り、
SaaS本体やビジネスロジックの実装に集中できるように設計しています。
Next.js + Supabase ベース

認証・DB・ストレージまで配線済み

Supabase Auth によるログイン、Postgres テーブルとの CRUD、 Storage を使った画像アップロードまで完了済み。環境変数を差し替えるだけで、自分のプロジェクトとして動かせます。

プロダクト & ニュース管理

実戦投入できる管理UI

プロダクト一覧・詳細・ステータス（idea / active / archived）、 ニュースの一覧・投稿・公開管理など、実際に使える項目構成です。そのままでも、クライアント案件の土台としても利用可能。

多言語・コピー管理

日本語 / 英語の i18n 対応

文言は JSON で管理しているので、プロダクトサイト側の多言語展開にもそのまま活かせます。i18n対応済みの管理画面テンプレとして使えるのが特徴です。

what you get

同梱物 / 受け取れるもの

ProjectConsole Starter Kit を購入すると、以下のソースコードとセットアップ情報を受け取れます。

  • Next.js 14 / TypeScript プロジェクト一式
  • Supabase 用の SQL（テーブル定義・POLICY）
  • 認証・管理画面・一覧 / 詳細ページのコード
  • プロダクト・ニュースの CRUD 実装
  • i18n 設定ファイル・翻訳用 JSON
  • 簡易セットアップガイド（日本語）

そのまま自分の SaaS に組み込んでも、クライアント案件の「管理画面ベース」として再利用しても構いません。

Developer starter kit toolbox illustration
pricing

価格とオプション

Starter Kit（ソースコード一式）

¥29,800 税込 / 買い切り

※ 利用者自身が Supabase / Vercel を用意し、セットアップする前提のプランです。

  • 商用利用・クライアント案件利用 OK（再配布のみ不可）
  • Next.js + Supabase 管理画面のソースコード一式
  • セットアップ手順（日本語）
  • 軽微な質問にはテキストベースで回答（常識的な範囲）
ご購入後、ダウンロード用URL（または Git リポジトリアクセス情報）をお送りします。
Stripe での決済が完了し次第、自動または手動でのご案内となります。
flow

導入の流れ

1. Stripe から購入

ページ内の購入ボタンより、Stripe 決済でご購入ください。決済完了後、自動 or 手動にてダウンロード情報をお送りします。

2. Supabase / Vercel を用意

ご自身の Supabase プロジェクトと Vercel プロジェクトを作成し、同梱の手順書に沿って環境変数や SQL を設定します。

3. デザインや項目を調整

ロゴやカラー、項目名などを自分のプロジェクトに合わせて変更すれば管理画面が完成。必要に応じてオプションでカスタマイズ代行も可能です。

setup guide

セットアップ手順 (日本語)

※ セットアップ手順の閲覧にはパスワードが必要です。 パスワードはご購入後にお送りするメール内に記載しています。

1. 必要環境

  • Node.js 18以上
  • npm / pnpm / yarn
  • Git
  • Supabase アカウント
  • Vercel アカウント
  • （任意）Stripe アカウント

2. スターターキットの入手

npm install

3. Supabase プロジェクトの作成

Supabaseで新規プロジェクトを作成し、supabase/schema.sql を SQL Editor に貼り付けて実行します。

4. 環境変数の設定

NEXT_PUBLIC_SUPABASE_URL=xxx
NEXT_PUBLIC_SUPABASE_ANON_KEY=xxx
SUPABASE_SERVICE_KEY=xxx

5. Storage バケット設定（任意）

画像アップロードを使う場合は Storage にバケットを作成します。

6. ローカル開発モードで起動

npm run dev

7. Vercel へデプロイ

GitHub リポジトリを Vercel に Import し、環境変数を設定して Deploy します。

8. Stripe（任意）

決済機能を使う場合、Stripe の Secret Key を設定します。

9. ブランディング調整

  • ロゴ: /public/logo.svg
  • 色: /styles/globals.css
  • 文言: /lib/i18n/ja.json

10. よくある質問

Q. 管理画面は日本語ですか？
→ はい、デフォルトは日本語です。英語化などは追加料金で対応可能です。

faq

よくある質問

Q. クライアント案件にも使っていいですか？
A. はい、クライアント案件への利用は問題ありません。ただし、スターターキットそのものを再販・再配布する行為のみご遠慮ください。
Q. コードの一部だけを自分のプロジェクトに組み込んでもいいですか？
A. もちろん構いません。認証まわりだけ、管理画面のレイアウトだけなど、必要な部分だけ抽出して使っていただいてOKです。
Q. サポートはどこまで対応してもらえますか？
A. 基本的には「セットアップ手順に関する質問」や「コードの読み方レベル」の軽微なサポートを想定しています。大きなカスタマイズは別途お見積りとなります。
Q. デモサイトと同じものが手に入りますか？
A. ベースはデモサイトと同等ですが、環境やタイミングにより一部実装が異なる場合があります。構成としては同じものをお渡しするイメージです。
Disclaimer / 免責事項

Important Notice

本スターターキットおよび提供されるソースコード・関連ファイル・ドキュメントは、現状有姿（AS IS）で提供されます。 提供者は、本キットの利用・改変・運用・公開・販売・デプロイ等によって生じたいかなる損害（直接的・間接的・特別・偶発的・結果的損害を含む）についても、一切の責任を負いません。

利用者は自己の責任において本キットを利用するものとし、以下を了承するものとします：

  • ソースコードの動作保証はありません
  • セキュリティ・バグ・法的リスクへの対応は利用者の責任です
  • 本キットを用いて構築したサービスの運用・管理責任は利用者にあります
  • Stripe / Supabase 等の第三者サービス利用規約の遵守は利用者の責任です

本キットを利用したことで発生したトラブル・損害・データ消失・紛争等について、提供者は責任を負いません。

legal

特定商取引法に基づく表記

販売業者
運営責任者
所在地
電話番号
電話番号についてはお問い合わせ先メールアドレスにてご請求をいただければ、 遅滞なく開示いたします。
メールアドレス
販売URL
このページのURLを記載
販売価格
商品ページに税込価格で表示
商品代金以外の必要料金
インターネット接続にかかる通信費、振込手数料などはお客様負担となります。
お支払い方法
クレジットカード決済（Stripe）
お支払い時期
ご注文時にお支払いが確定します。
商品引き渡し時期
決済完了後、原則として自動または48時間以内にEmailで送付
返品・キャンセル
デジタル商品につき返品不可。ただし不具合がある場合は個別対応します。
動作環境
Node.js / npm / Git など開発環境はご自身でご用意ください。