Ecommerce Template
Next.js·React 등으로 만든 최신 전자상거래 템플릿
아직 감지된 업데이트가 없습니다. GitHub 릴리스가 나오면 여기에 보입니다.
개인 계정의 공개 저장소 소유자는 GitHub로 로그인해 운영자를 확인하고 소개를 직접 관리할 수 있습니다. 관리자 승인은 필요하지 않습니다.
로그인한 뒤 확인 파일을 만들어 이 저장소의 기본 브랜치에 30분 안에 커밋해 주세요. 다른 브랜치나 포크의 파일은 인정하지 않습니다. 파일을 올린 뒤 아래에서 확인하면 관리자 승인 없이 관리할 수 있습니다. 자격을 유지하려면 파일을 남겨 두세요.
로그인이 필요하면 로그인 화면으로 이동합니다. 로그인 후 이곳으로 돌아와 원하는 확인 버튼을 다시 눌러 주세요.
프로젝트 폴더에서 /nomorevibe verify를 실행하면 소유권을 확인하고 소개를 직접 관리할 수 있습니다.
1분 만에 확인하기README 전체를 불러오는 중입니다. 아래는 저장된 발췌입니다.
個人どうしで中古車を直接売買できる C2Cマーケットプレイス のフルスタック実装です。 (既存の静的サイト ../index.html / ../dealer.html(BUYMO Direct)とは独立した別サイトです。) • Next.js 15(App Router / Server Actions)+ TypeScript • Tailwind CSS • Supabase(PostgreSQL / Auth / Storage / Realtime)+ Row Level Security • lucide-react アイコン 1. Supabase プロジェクト作成 supabase.com でプロジェクトを作成。 2. データベース構築 supabase/schema.sql を SQL Editor に貼り付けて実行。 テーブル・RLS・トリガ・Storageバケット(listing-images)・Realtimeがまとめて設定されます。 NEXT_PUBLIC_SUPABASE_URL / NEXT_PUBLIC_SUPABASE_ANON_KEY を Supabase の Project Settings > API からコピーして設定。README 전문 보기 ↗
個人どうしで中古車を直接売買できる C2Cマーケットプレイス のフルスタック実装です。
(既存の静的サイト ../index.html / ../dealer.html(BUYMO Direct)とは独立した別サイトです。)
| 機能 | 内容 |
|---|---|
| 認証 | Supabase Auth(メール+パスワード)。登録時に profiles を自動作成 |
| 出品 | 写真アップロード(Storage)+車両情報。メーカー→モデル連動 |
| 検索・一覧 | メーカー/モデル/予算/ボディ/地域/修復歴フィルタ |
| 詳細 | 画像ギャラリー・スペック・出品者情報・問い合わせ |
| メッセージ | 出品ごとの売主×買主スレッド。Realtimeで即時反映 |
| エスクロー | 入金保全→現車確認→名義変更→完了のステップ管理 |
| 名義変更連携 | 通常/遠隔の代行オプションと費用を取引に組み込み |
| マイページ | 出品管理・取引一覧 |
supabase.com でプロジェクトを作成。
supabase/schema.sql を SQL Editor に貼り付けて実行。
テーブル・RLS・トリガ・Storageバケット(listing-images)・Realtimeがまとめて設定されます。
cp .env.local.example .env.local
NEXT_PUBLIC_SUPABASE_URL / NEXT_PUBLIC_SUPABASE_ANON_KEY を
Supabase の Project Settings > API からコピーして設定。
開発中はメール確認なしで即ログインさせたい場合、 Supabase の Authentication > Providers > Email で Confirm email をオフにします。
supabase/seed.sql を SQL Editor で実行すると、デモ用ユーザー・出品・取引・
レビュー・お知らせが入ります(接続直後に画面確認できます)。
デモログイン(パスワードは全員 password123):
| メール | 役割 |
|---|---|
[email protected] | 管理者(/admin 利用可) |
[email protected] | 出品者 |
[email protected] | 出品者 |
[email protected] | 購入者 |
npm install
npm run dev
# http://localhost:3000
npm run typecheck # 型チェック
npm test # 単体テスト(Node標準ランナー + tsx)
npm run build # 本番ビルド
push / PR 時に GitHub Actions(.github/workflows/ci.yml)が上記を自動実行します。
marketplace/
├── app/
│ ├── page.tsx # トップ(新着出品)
│ ├── listings/ # 検索一覧・詳細
│ ├── sell/ # 出品フォーム
│ ├── messages/ # メッセージ一覧・スレッド
│ ├── escrow/ # エスクロー取引・名義変更
│ ├── dashboard/listings/ # マイページ
│ ├── login, signup, auth/ # 認証
│ └── layout.tsx, globals.css
├── components/ # Header, ListingCard, SellForm, MessageThread, EscrowStepper ...
├── lib/
│ ├── supabase/ # client / server / middleware
│ ├── types.ts # DB型
│ ├── constants.ts # メーカー/地域/料金など
│ └── format.ts # 通貨・日付フォーマット
├── supabase/schema.sql # スキーマ + RLS + Storage + Realtime
└── middleware.ts # セッション更新・認証ガード
profiles / listings / listing_images / conversations / messages / escrow_transactions
(詳細・RLSポリシーは supabase/schema.sql を参照)
lib/constants.ts で変更可)| 項目 | 金額 |
|---|---|
| エスクロー手数料 | ¥5,500 |
| 名義変更代行(通常) | ¥49,800 |
| 名義変更代行(遠隔・封印含む) | ¥69,800 |