+ {session.user.image ? (
+ 
+ ) : (
+
+ )
+ }
+
+ return null
+}
+
+export default BetterAuthHeader
diff --git a/src/lib/auth-client.ts b/src/lib/auth-client.ts
new file mode 100644
index 0000000..fc6c795
--- /dev/null
+++ b/src/lib/auth-client.ts
@@ -0,0 +1,3 @@
+import { createAuthClient } from 'better-auth/react'
+
+export const authClient = createAuthClient()
diff --git a/src/lib/auth.ts b/src/lib/auth.ts
new file mode 100644
index 0000000..a85d2e5
--- /dev/null
+++ b/src/lib/auth.ts
@@ -0,0 +1,11 @@
+import { betterAuth } from 'better-auth'
+import { tanstackStartCookies } from 'better-auth/tanstack-start'
+import { Pool } from 'pg'
+
+export const auth = betterAuth({
+ database: new Pool({ connectionString: process.env.DATABASE_URL }),
+ emailAndPassword: {
+ enabled: true,
+ },
+ plugins: [tanstackStartCookies()],
+})
diff --git a/src/lib/payment.ts b/src/lib/payment.ts
new file mode 100644
index 0000000..6490739
--- /dev/null
+++ b/src/lib/payment.ts
@@ -0,0 +1,104 @@
+import { createRequire } from 'node:module'
+
+import type Stripe from 'stripe'
+
+// This package is ESM (`"type": "module"`), so the `require` global doesn't
+// exist here — build one explicitly to load Stripe's CJS build lazily.
+const require = createRequire(import.meta.url)
+
+export type Charge = {
+ chargeId: string
+ amountCents: number
+}
+
+// The one true external dependency in the ordering flow. Kept behind an
+// interface so tests can run against a fast in-memory fake instead of a real
+// payment network, per the spec's testing decisions.
+export type PaymentProvider = {
+ charge: (amountCents: number) => Promise
+
+ {session.user.name.charAt(0).toUpperCase() || 'U'}
+
+
+ )}
+
+
+
+)
+
+export const Route = createFileRoute('/')({ component: Home })
diff --git a/src/server/menu.ts b/src/server/menu.ts
new file mode 100644
index 0000000..3131ec4
--- /dev/null
+++ b/src/server/menu.ts
@@ -0,0 +1,9 @@
+import { createServerFn } from '@tanstack/react-start'
+import { z } from 'zod'
+
+import { db } from '#/db/index.ts'
+import { getMenu as getMenuForBrand } from '#/domain/ordering.ts'
+
+export const getMenu = createServerFn({ method: 'GET' })
+ .validator(z.object({ brandId: z.number() }))
+ .handler(async ({ data }) => getMenuForBrand(db, data.brandId))
diff --git a/src/server/orders.ts b/src/server/orders.ts
new file mode 100644
index 0000000..09caade
--- /dev/null
+++ b/src/server/orders.ts
@@ -0,0 +1,95 @@
+import { createServerFn } from '@tanstack/react-start'
+import { getRequest } from '@tanstack/react-start/server'
+import { z } from 'zod'
+
+import { db } from '#/db/index.ts'
+import * as ordering from '#/domain/ordering.ts'
+import { auth } from '#/lib/auth.ts'
+import { getPaymentProvider } from '#/lib/payment.ts'
+
+const getSessionCustomerId = async () => {
+ const session = await auth.api.getSession({ headers: getRequest().headers })
+ return session?.user.id
+}
+
+const customerSchema = z.discriminatedUnion('type', [
+ z.object({
+ type: z.literal('guest'),
+ name: z.string().min(1),
+ contact: z.string().min(1),
+ }),
+ // No customerId here: an account Order is always attributed to whoever is
+ // actually signed in server-side, never to an id the client asserts.
+ z.object({ type: z.literal('account') }),
+])
+
+export const placeOrder = createServerFn({ method: 'POST' })
+ .validator(
+ z.object({
+ items: z.array(z.object({ menuItemId: z.number() })).min(1),
+ customer: customerSchema,
+ }),
+ )
+ .handler(async ({ data }) => {
+ if (data.customer.type === 'account') {
+ const customerId = await getSessionCustomerId()
+ if (!customerId)
+ throw new Error('You must be signed in to place an account order')
+ return ordering.placeOrder(db, getPaymentProvider(), {
+ items: data.items,
+ customer: { type: 'account', customerId },
+ })
+ }
+
+ return ordering.placeOrder(db, getPaymentProvider(), {
+ items: data.items,
+ customer: data.customer,
+ })
+ })
+
+const accessSchema = z.object({ guestAccessToken: z.string().optional() })
+
+const resolveAccess = async (
+ data: z.inferWelcome to TanStack Start
+
+ Edit src/routes/index.tsx to get started.
+