codexmachina
registry/react-router-postgres-better-auth-marketplace

Marketplace on React Router v8, Postgres (Neon) and Better Auth

verified 2026-07-15postgres3.4.9better-auth1.6.23react-router8.2.0@neondatabase/serverless1.1.0

Type-checked against the real SDKs, migration applied to a live Postgres (Neon), connection clients load-tested, then tracked for upstream drift and re-verified when it moves. How we verify

request path
Browserrequest
fetch
React Router v8routing + proxy
verify
Better Authsession
query
Postgres (Neon)pooled

session validation runs in server components and route handlers, not at the edge

What you're getting

React Router v8

React Router v8 (framework mode) — SSR, config/file routes under app/, loaders/actions, and resource routes for API endpoints.

Postgres (Neon)

Postgres on Neon via Drizzle ORM and the postgres-js driver.

Better Auth

Better Auth — self-hosted auth running inside your app against your Postgres (Drizzle adapter).

Marketplace

Two-sided marketplace — seller profiles, a listings catalog, buyer orders with price capture, periodic seller payouts, and per-listing reviews.

Setup

bun add react-router react react-dom drizzle-orm postgres better-auth
DATABASE_URLNeon pooled (-pooler) connection string
BETTER_AUTH_SECRETgenerate with `openssl rand -base64 32`
BETTER_AUTH_URLyour app's base URL

Apply the schema with bunx drizzle-kit push

Initialization

Database client

app/lib/db.ts
import { drizzle } from "drizzle-orm/postgres-js";
import postgres from "postgres";

// Neon pooled endpoint = PgBouncer transaction mode → prepared statements off.
// ponytail: single module-level client; the serverless runtime + PgBouncer do
// the pooling, so no custom pool/globalThis singleton dance needed.
const client = postgres(process.env.DATABASE_URL!, { prepare: false });

export const db = drizzle({ client });
import { boolean, pgTable, text, timestamp } from "drizzle-orm/pg-core";

export const user = pgTable("user", {
  id: text("id").primaryKey(),
  name: text("name").notNull(),
  email: text("email").notNull().unique(),
  emailVerified: boolean("email_verified").notNull().default(false),
  image: text("image"),
  createdAt: timestamp("created_at").notNull().defaultNow(),
  updatedAt: timestamp("updated_at").notNull().defaultNow(),
});

export const session = pgTable("session", {
  id: text("id").primaryKey(),
  expiresAt: timestamp("expires_at").notNull(),
  token: text("token").notNull().unique(),
  createdAt: timestamp("created_at").notNull().defaultNow(),
  updatedAt: timestamp("updated_at").notNull(),
  ipAddress: text("ip_address"),
  userAgent: text("user_agent"),
  userId: text("user_id")
    .notNull()
    .references(() => user.id, { onDelete: "cascade" }),
});

export const account = pgTable("account", {
  id: text("id").primaryKey(),
  accountId: text("account_id").notNull(),
  providerId: text("provider_id").notNull(),
  userId: text("user_id")
    .notNull()
    .references(() => user.id, { onDelete: "cascade" }),
  accessToken: text("access_token"),
  refreshToken: text("refresh_token"),
  idToken: text("id_token"),
  accessTokenExpiresAt: timestamp("access_token_expires_at"),
  refreshTokenExpiresAt: timestamp("refresh_token_expires_at"),
  scope: text("scope"),
  password: text("password"),
  createdAt: timestamp("created_at").notNull().defaultNow(),
  updatedAt: timestamp("updated_at").notNull(),
});

export const verification = pgTable("verification", {
  id: text("id").primaryKey(),
  identifier: text("identifier").notNull(),
  value: text("value").notNull(),
  expiresAt: timestamp("expires_at").notNull(),
  createdAt: timestamp("created_at").notNull().defaultNow(),
  updatedAt: timestamp("updated_at").notNull().defaultNow(),
});
// Better Auth instance (self-hosted, React Router v8).
import { betterAuth } from "better-auth";
import { drizzleAdapter } from "better-auth/adapters/drizzle";
// Reuse the SAME postgres-js/Drizzle client the db slice exported in
// app/lib/db.ts — Better Auth shares the pooled `DATABASE_URL` connection.
import { db } from "./db";
import * as authSchema from "@/db/auth-schema";

export const auth = betterAuth({
  // Drizzle adapter over the shared client. The schema is passed HERE (not into
  // drizzle()) — it is the only consumer that needs it, so the db client stays
  // schema-less. ponytail: do NOT enable experimental.joins; it is the one option
  // that would make the adapter reach into db._.fullSchema.
  // ponytail: usePlural stays false (the default) — with it true Better Auth would
  // look for `sessions`/`accounts` and could bind to the analytics/ledger app-type tables.
  database: drizzleAdapter(db, { provider: "pg", schema: authSchema }),
  // ponytail: email+password is the shortest real auth that works out of
  // the box — add socialProviders / plugins here when the app needs them.
  emailAndPassword: { enabled: true },
  secret: process.env.BETTER_AUTH_SECRET,
  baseURL: process.env.BETTER_AUTH_URL,
});

export type Session = typeof auth.$Infer.Session;
// Better Auth mounted as a React Router resource route (a route module with NO
// default component). auth.handler is framework-agnostic — (Request) => Response —
// so the GET loader and the POST/etc. action both delegate straight to it. The
// `$` splat catches every /api/auth/* sub-path Better Auth routes internally.
import type { LoaderFunctionArgs, ActionFunctionArgs } from "react-router";
import { auth } from "@/lib/auth";

export function loader({ request }: LoaderFunctionArgs) {
  return auth.handler(request);
}

export function action({ request }: ActionFunctionArgs) {
  return auth.handler(request);
}
// Session gate — the RR7 replacement for Next's Edge proxy. Protected loaders
// call `await requireAuth(request)`. Unlike the proxy's cookie-existence check,
// this does the REAL server-side validation via auth.api.getSession, then throws
// a redirect Response (React Router short-circuits the loader on a thrown Response)
// to bounce logged-out users before the protected data ever loads.
import { redirect } from "react-router";
import { auth } from "@/lib/auth";

export async function requireAuth(request: Request) {
  const session = await auth.api.getSession({ headers: request.headers });
  if (!session) {
    throw redirect("/sign-in");
  }
  return session;
}

Two-sided marketplace schema: sellers, listings, orders, payouts & reviews

Sellers & payout onboarding

one seller profile per Better Auth user, holding payout-provider account id and an approval status (pending/active/suspended)

Listings catalog & pricing

seller-owned items with integer priceCents and a draft/active/sold/archived lifecycle

Marketplace orders & buyers

buyer-to-listing purchase records with amount captured at creation and a 6-state fulfillment status

Seller payouts & settlement periods

net-amount remittance rows keyed by seller + text period, one per settlement window with a 4-state processing status

Listing reviews & ratings

one review per reviewer per listing (unique constraint), with a CHECK enforcing rating between 1 and 5

src/db/schema.ts
// === file: app/db/schema.ts ===
import { relations, sql } from "drizzle-orm";
import {
  bigint,
  check,
  index,
  integer,
  pgTable,
  text,
  timestamp,
  unique,
  uuid,
} from "drizzle-orm/pg-core";
// Better Auth owns identity; we only reference its `user` table by id.
import { user } from "./auth-schema";

export type SellerStatus = "pending" | "active" | "suspended";
export type ListingStatus = "draft" | "active" | "sold" | "archived";
export type OrderStatus =
  | "pending"
  | "paid"
  | "shipped"
  | "completed"
  | "refunded"
  | "canceled";
export type PayoutStatus = "scheduled" | "processing" | "paid" | "failed";

/** Supply side: a user who sells. One seller profile per user. */
export const sellers = pgTable(
  "sellers",
  {
    id: uuid("id").primaryKey().defaultRandom(),
    // Better Auth's user.id is text — match it, don't recast.
    userId: text("user_id")
      .notNull()
      .references(() => user.id, { onDelete: "cascade" }),
    displayName: text("display_name").notNull(),
    // ponytail: opaque payout-provider account id (Stripe Connect / PayPal) —
    // no provider FK needed; nullable until onboarding completes.
    payoutAccountId: text("payout_account_id"),
    status: text("status")
      .$type<SellerStatus>()
      .notNull()
      .default("pending"),
    createdAt: timestamp("created_at", { withTimezone: true })
      .notNull()
      .defaultNow(),
  },
  (t) => [
    // One seller profile per identity.
    unique("sellers_user_unique").on(t.userId),
    index("idx_seller_status").on(t.status),
    check(
      "sellers_status_check",
      sql`${t.status} in ('pending','active','suspended')`,
    ),
  ],
);

/** Catalog: each listing belongs to a seller. priceCents keeps money integer. */
export const listings = pgTable(
  "listings",
  {
    id: uuid("id").primaryKey().defaultRandom(),
    sellerId: uuid("seller_id")
      .notNull()
      .references(() => sellers.id, { onDelete: "cascade" }),
    title: text("title").notNull(),
    description: text("description"),
    priceCents: integer("price_cents").notNull().default(0),
    status: text("status")
      .$type<ListingStatus>()
      .notNull()
      .default("draft"),
    createdAt: timestamp("created_at", { withTimezone: true })
      .notNull()
      .defaultNow(),
  },
  (t) => [
    // Browse a seller's catalog; filter the storefront by live listings.
    index("idx_listing_seller").on(t.sellerId),
    index("idx_listing_status").on(t.status),
    check(
      "listings_status_check",
      sql`${t.status} in ('draft','active','sold','archived')`,
    ),
  ],
);

/** Demand side: a buyer (Better Auth user) purchases a listing. */
export const marketplaceOrders = pgTable(
  "marketplace_orders",
  {
    id: uuid("id").primaryKey().defaultRandom(),
    // The buyer is a Better Auth user — text id, like sellers.userId.
    buyerId: text("buyer_id")
      .notNull()
      .references(() => user.id, { onDelete: "cascade" }),
    listingId: uuid("listing_id")
      .notNull()
      .references(() => listings.id),
    // Captured at purchase time — independent of later listing price edits.
    amountCents: integer("amount_cents").notNull(),
    status: text("status")
      .$type<OrderStatus>()
      .notNull()
      .default("pending"),
    createdAt: timestamp("created_at", { withTimezone: true })
      .notNull()
      .defaultNow(),
  },
  (t) => [
    // Buyer's order history; reconcile orders against a listing.
    index("idx_order_buyer").on(t.buyerId),
    index("idx_order_listing").on(t.listingId),
    check(
      "marketplace_orders_status_check",
      sql`${t.status} in ('pending','paid','shipped','completed','refunded','canceled')`,
    ),
  ],
);

/** Money out: a payout settles a seller's earnings for a period. */
export const payouts = pgTable(
  "payouts",
  {
    id: uuid("id").primaryKey().defaultRandom(),
    sellerId: uuid("seller_id")
      .notNull()
      .references(() => sellers.id, { onDelete: "cascade" }),
    // Net amount remitted to the seller (gross minus marketplace fee).
    amountCents: bigint("amount_cents", { mode: "number" }).notNull(),
    status: text("status")
      .$type<PayoutStatus>()
      .notNull()
      .default("scheduled"),
    // Settlement window this payout covers, e.g. "2026-06".
    period: text("period").notNull(),
    createdAt: timestamp("created_at", { withTimezone: true })
      .notNull()
      .defaultNow(),
  },
  (t) => [
    // One payout per seller per settlement window.
    unique("payouts_seller_period_unique").on(t.sellerId, t.period),
    index("idx_payout_seller").on(t.sellerId),
    index("idx_payout_status").on(t.status),
    check(
      "payouts_status_check",
      sql`${t.status} in ('scheduled','processing','paid','failed')`,
    ),
  ],
);

/** Trust signal: a reviewer (Better Auth user) rates a listing 1-5. */
export const reviews = pgTable(
  "reviews",
  {
    id: uuid("id").primaryKey().defaultRandom(),
    listingId: uuid("listing_id")
      .notNull()
      .references(() => listings.id, { onDelete: "cascade" }),
    // Reviewer is a Better Auth user — text id.
    reviewerId: text("reviewer_id")
      .notNull()
      .references(() => user.id, { onDelete: "cascade" }),
    rating: integer("rating").notNull(),
    body: text("body"),
    createdAt: timestamp("created_at", { withTimezone: true })
      .notNull()
      .defaultNow(),
  },
  (t) => [
    // One review per reviewer per listing.
    unique("reviews_listing_reviewer_unique").on(t.listingId, t.reviewerId),
    // Render a listing's reviews + aggregate its rating.
    index("idx_review_listing").on(t.listingId),
    check("reviews_rating_check", sql`${t.rating} between 1 and 5`),
  ],
);

export const sellersRelations = relations(sellers, ({ one, many }) => ({
  user: one(user, { fields: [sellers.userId], references: [user.id] }),
  listings: many(listings),
  payouts: many(payouts),
}));

export const listingsRelations = relations(listings, ({ one, many }) => ({
  seller: one(sellers, {
    fields: [listings.sellerId],
    references: [sellers.id],
  }),
  orders: many(marketplaceOrders),
  reviews: many(reviews),
}));

export const marketplaceOrdersRelations = relations(
  marketplaceOrders,
  ({ one }) => ({
    buyer: one(user, {
      fields: [marketplaceOrders.buyerId],
      references: [user.id],
    }),
    listing: one(listings, {
      fields: [marketplaceOrders.listingId],
      references: [listings.id],
    }),
  }),
);

export const payoutsRelations = relations(payouts, ({ one }) => ({
  seller: one(sellers, {
    fields: [payouts.sellerId],
    references: [sellers.id],
  }),
}));

export const reviewsRelations = relations(reviews, ({ one }) => ({
  listing: one(listings, {
    fields: [reviews.listingId],
    references: [listings.id],
  }),
  reviewer: one(user, {
    fields: [reviews.reviewerId],
    references: [user.id],
  }),
}));

Deploy targets

✓ The right DB client for where you deploy: load-tested with concurrent queries against a live database. Edge needs the HTTP driver (no TCP); serverless needs a tiny pool.
src/lib/db.ts
import { drizzle } from "drizzle-orm/postgres-js";
import postgres from "postgres";

// Serverless: one connection per (short-lived) instance; Neon's pooler multiplexes.
export const sql = postgres(process.env.DATABASE_URL!, { prepare: false, max: 1 });
export const db = drizzle(sql);
import { drizzle } from "drizzle-orm/postgres-js";
import postgres from "postgres";

// Long-running process: a real, reused pool. Still prepare:false on the pooled endpoint.
export const sql = postgres(process.env.DATABASE_URL!, { prepare: false, max: 10, idle_timeout: 20 });
export const db = drizzle(sql);
import { neon } from "@neondatabase/serverless";
import { drizzle } from "drizzle-orm/neon-http";

// Edge/Workers have NO TCP sockets, so postgres-js cannot run here. Neon's HTTP
// driver speaks Postgres over fetch — the only client that works on Workers.
export const sql = neon(process.env.DATABASE_URL!);
export const db = drizzle(sql);

Decisions and compatibility

note

Framework mode (not data/library mode): routes live under app/, declared in app/routes.ts. API endpoints are resource routes (a route module exporting loader/action but no default component).

note

prepare: false is mandatory — Neon's pooled endpoint is PgBouncer in transaction mode, where server-side prepared statements break across the pool.

note

Drizzle is paired here (not Prisma): Prisma's prepared-statement reliance is incompatible with transaction-mode pooling.

note

Self-hosted: Better Auth owns the user/session/account/verification tables. This stack emits them (db/auth-schema.ts) and hands them to the Drizzle adapter, so app-type schemas can foreign-key `user` directly.

note

Order amountCents is captured at purchase time independently of the listing's priceCents — editing a listing price later cannot corrupt historical order records.

note

Payouts enforce a unique constraint on (sellerId, period), so each seller gets exactly one settlement row per billing window; duplicate payout jobs are rejected at the DB level.