How to Clone Mercari

Create a Mercari-style C2C resale marketplace called ReListed using Next.js (App Router), Tailwind, Prisma + SQLite. Niche: secondhand mechanical keyboards and parts.

## What to build
A peer-to-peer marketplace with fast listing, search, offers, escrow checkout, in-app shipping labels and two-sided ratings.

## Screens
- Browse: listing-card feed (photo, title, price, condition badge, like, seller stars), search, category + condition filters
- Listing detail: gallery, price, condition, seller card, BUY NOW + MAKE OFFER, message thread
- Sell: multi-step form (photos, title, description, category, condition, price, shipping payer) with preview
- Offers/messages: chat with offer/counter-offer actions
- Checkout: address + mock payment; funds enter escrow
- Orders: buyer and seller views with status timelines (Paid/Shipped/Delivered/Confirmed/Paid out) and a 'Print label' action
- Profile: rating, active/sold listings, reviews, payout balance + withdraw
- Admin: moderate listings, disputes, fee report

## Prisma schema
User (id, name, email, ratingAvg, ratingsCount, payoutBalance), Listing (id, sellerId, title, description, category, condition, price, photos Json, status, likesCount), Offer (id, listingId, buyerId, amount, status), Order (id, listingId, buyerId, sellerId, amount, fee, shippingCost, status, trackingNumber, escrowState), Message (id, listingId, senderId, body, createdAt), Rating (id, orderId, raterId, rateeId, stars, comment)

## Logic (must actually work)
- Fee = 10% of sale price, computed server-side and deducted from payout on escrow release
- Escrow state machine: held on purchase -> released on buyer confirm (or auto-release after window) -> refunded on dispute
- Accepting an offer creates a checkout at the offered amount and locks the listing
- Only one buyer per listing; mark sold atomically to prevent double-sell
- Two-sided ratings unlock only after an order completes; recompute ratingAvg on each new rating
- All money in integer cents; payout = amount - fee - shippingCost

## Style
Clean, trustworthy, photo-first: white background, blue #1F6FEB primary, condition and rating badges, big tappable listing cards. Mobile-first.

Seed: 35 keyboard listings with photos/conditions, 8 users with ratings, several offers, and one order frozen in each escrow state.

Build a production-quality Mercari-style C2C resale marketplace. Money movement (escrow, fees, payouts) must be server-authoritative and idempotent - assume hostile clients and replayed requests.

## Stack
- Next.js 14 App Router + TypeScript + Tailwind + shadcn/ui; React Native (Expo) client later sharing the API
- PostgreSQL via Prisma; NextAuth (email + Google); Typesense for listing search and saved-search alerts
- Stripe Connect for escrow-style holds, fee splits and seller payouts; Shippo for prepaid labels
- Zod schemas shared between the sell form and API validation

## Core design: the order state machine
Model Order with an explicit status and escrowState. Transitions are the heart of the app:
  purchase -> funds held (Stripe payment captured to platform / on hold)
  seller ships -> tracking attached
  buyer confirms (or auto-release after N days) -> fee retained, payout transferred to seller
  dispute -> hold extended, evidence collected, refund or release decided
Every transition is a single Postgres transaction; illegal transitions are rejected.

## Marketplace integrity (server-authoritative)
- Fee = round(price * 0.10) computed server-side; sellers never set their own fee
- Accepting an offer is atomic: it locks the listing and creates a checkout at the offered amount; a sold listing cannot be re-purchased
- Payouts go through Stripe Connect transfers tied to the order id (idempotency key) so a retry never double-pays
- All money in integer cents; no floats anywhere

## Schema
users (stripe_account_id), listings, offers, orders (status, escrow_state, stripe_payment_intent), messages, ratings, disputes, saved_searches. Indexes on listings(category, status), offers(listing_id), orders(seller_id), and a Typesense sync on listing writes.

## Implementation order
1. Schema + auth + seed (35 niche listings + 8 rated users as typed fixtures)
2. Listings: sell form with photo upload, Typesense search, browse feed, listing detail
3. Offers + in-app messaging; accept-offer -> locked checkout
4. Checkout via Stripe Connect (funds held) + the order state machine
5. Shipping labels (Shippo) + confirm-receipt -> fee + payout transfer
6. Two-sided ratings + disputes/resolution center
7. Saved searches + alerts; admin moderation and fee report

## Quality bar
- Stripe + Shippo webhooks are idempotent; no double payout, no double label
- Concurrent purchase attempts on the same listing: exactly one wins
- Auto-release job is safe to run repeatedly (idempotent)

Start with step 1; show me the Prisma schema and the Order state-transition function before continuing.

Design the complete UI for a Mercari-style resale marketplace app called ReListed. React + Tailwind + shadcn/ui + lucide-react. Aesthetic: clean, photo-first, trustworthy - white background, friendly blue #1F6FEB primary, soft rounded cards, clear condition and rating badges, simple bold typography. Mobile-first.

## Screens

### 1. Browse (main screen)
- Sticky top: search bar, likes/saved icon, notifications bell
- Filter chips: category and condition (New, Like New, Good, Fair) plus a sort dropdown
- 2-column listing grid: square photo, price (bold), title, condition badge corner, like heart, tiny seller rating stars
- Floating SELL button (camera icon); mobile bottom tabs (Home, Search, Sell, Inbox, Me)

### 2. Listing detail
- Swipeable photo gallery with dots
- Price, title, condition pill, description
- Seller card: avatar, name, star rating, items-sold count, 'View profile'
- Sticky bottom: MAKE OFFER (outline) + BUY NOW (filled) buttons
- Below: Q&A message thread preview

### 3. Sell flow
- Step 1: photo grid uploader (add up to 8, drag to reorder, first is cover)
- Step 2: title, description, category picker, condition selector pills, price input with 'You earn $X after 10% fee' helper, shipping payer toggle
- Sticky LIST IT button; a preview card updates live

### 4. Offers & messages
- Inbox list of threads with last message and unread dot
- Thread view: chat bubbles plus offer chips ('Buyer offered $45' with Accept / Counter / Decline buttons)

### 5. Orders & profile
- Orders: tabs Buying / Selling; cards with status timeline (Paid -> Shipped -> Delivered -> Confirm), 'Print shipping label' for sellers
- Profile: avatar, star rating, badges, tabs for Active / Sold listings and Reviews, payout balance card with Withdraw

Fully responsive, mobile-first. Fill everything with realistic mechanical-keyboard listings, prices, condition badges, seller ratings, a couple of active offers, and orders shown in different states.

Build a C2C resale marketplace app (Mercari model) called ReListed for a niche: secondhand mechanical keyboards and parts.

## Entities
- User: name, email, ratingAvg, ratingsCount, payoutBalance
- Listing: seller reference, title, description, category, condition (New/LikeNew/Good/Fair), price, photos (JSON), status (active/sold/removed), likesCount
- Offer: listing reference, buyer, amount, status (pending/accepted/declined/countered)
- Order: listing reference, buyer, seller, amount, fee, shippingCost, status, trackingNumber, escrowState (held/released/refunded)
- Message: listing reference, sender, body, createdAt
- Rating: order reference, rater, ratee, stars, comment

## Roles
- Member: lists items, sends and receives offers, buys with escrow, ships, rates the other party
- Admin: moderates listings, resolves disputes, dashboard with fee revenue and sales

## Pages
1. Browse: listing grid (photo, price, condition badge, like, seller stars), search, category + condition filters
2. Listing detail: gallery, price, condition, seller card with rating, BUY NOW + MAKE OFFER, message thread
3. Sell: photos, title, description, category, condition, price (show payout after 10% fee), shipping payer; preview and publish
4. Offers & messages: chat with offer/counter-offer accept-decline actions
5. Checkout: address, mock payment; funds held in escrow
6. Orders: buyer and seller views with status timelines and a print-label action; confirm receipt releases payout
7. Profile: rating, active/sold listings, reviews, payout balance with withdraw
8. Admin: moderation and fee report

## Rules
- Selling fee = 10% of sale price, deducted from seller payout when escrow releases
- Escrow: held on purchase, released when buyer confirms receipt (or auto-release after a window), refunded on dispute
- Accepting an offer creates a checkout at the offered price and locks the listing
- A listing sells to exactly one buyer; mark sold to prevent double-sale

## Look & feel
Clean, trustworthy, photo-first: white background, blue #1F6FEB primary, condition and rating badges, big tappable cards. Mobile-first.

Seed: 35 keyboard listings with photos and conditions, 8 rated users, several offers, and one order in each escrow state.