Why TanStack Start with Cloudflare Workers instead of Next.js or Vercel?

TanStack Start's Cloudflare adapter deploys the server-rendered app and the oRPC API routes to Workers together, keeping web, API and edge database on one platform and one bill. oRPC then gives the mobile client the same typed contract the web app uses, which a Next.js/Vercel setup does not provide out of the box for a React Native client.

Can this stack be built without Claude Code or another AI assistant?

Yes — every step's done-criteria and tasks stand on their own without AI. AI assistance speeds up scaffolding, screen generation and debugging, but the contract-first oRPC layer and the dedicated review step exist so generated code is checked against a source of truth rather than trusted blindly.

What does this stack cost to run at low volume?

Supabase and Cloudflare Workers both have usable free tiers: Supabase Free (projects pause after a week of inactivity) and Cloudflare Workers Free (100,000 requests/day, 10ms CPU time per invocation). Recurring cost starts once usage or CPU time crosses those limits — Paid Workers starts at $5/month, Supabase Pro at $25/month.

Why does OAuth sign-in on mobile silently fail after tapping the provider button?

Supabase mobile OAuth needs a custom URL scheme registered in the app and a matching redirect URL added in the project's Auth settings. Without both, the provider redirects back to a browser tab instead of the app, and sign-in appears to hang rather than raise an error.

EN2 versions

Build a cross-platform mobile app with AI, TanStack Start, oRPC, Supabase, and React Native — deployed to Cloudflare

A live cross-platform mobile app (iOS + Android + Web) with an AI-assisted development workflow, server-driven API layer, Supabase backend, and Cloudflare deployment — shipped in about 4–6 weeks.

Fby Finito HQEchipa Finito

Created 3 months agoUpdated 3 weeks ago

Free preview: 5 of 31 steps

Work through them in the real run view, exactly as a buyer does. No account, no payment, nothing saved.

Try it free

Free

3 free unlocks per month — yours to keep forever

Refined across 2 versionsUpdated Sep 2026

Start for free

Try 5 of 31 steps free

No account needed — nothing is saved.

Included with every copy

Your own copy — keep it forever
Gets better over time — free updates included
Run it on web and mobile
Invite a partner to go through it with you — you share the same progress
Make it your own — a private copy you can edit to fit your situation
The playbook's community — ask questions, get additions, and see how other buyers improve it, right on the step

Save

Who it's for

Full-stack TypeScript developers who have shipped at least one React app and want to build a production mobile app without learning Swift, Kotlin, or a second backend language.

About this playbook

A hands-on build for TypeScript developers who already know React and want a production mobile app without learning Swift, Kotlin or a second backend language. The stack: TanStack Start on the server, oRPC for a type-safe API layer shared between web and mobile, Supabase for auth and Postgres, Expo React Native for the mobile client, and Cloudflare Workers plus D1 for deployment. Every phase uses Claude Code to scaffold, debug and extend the code — reviewed against the shared contract rather than trusted blindly. The plan runs the web foundation before mobile, the API before the UI, and local before production, so each phase can be checked before the next one starts. Advanced level: TypeScript and React fluency are assumed; nothing mobile-specific is assumed going in.

What you'll do, step by stepFree preview

8 phases · 31 steps

Only a sample is open: 5 of 31 steps can be read in full. The rest unlock when you buy.

Phase 1: Scope the Build and Prepare Tooling
6 steps
Phase 2: Build the Web App and Database Connection
3 steps
Phase 3: Build the Type-Safe API Layer with oRPC
4 steps
Phase 4: Scaffold the Mobile App and Wire It to the API
5 steps
Phase 5: Build the Core Feature with AI Assistance
3 steps
Phase 6: Deploy the Backend and Web App to Cloudflare
6 steps
Phase 7: Automate Deployment and Monitor Production
2 steps
Phase 8: Ship One Full Feature End-to-End and Close Out
2 steps

Try 5 of 31 steps free

Unlock all 31 stepsFree

Details

Estimated duration23 hours 15 min

Steps31

Estimated budget$0–55/mo (free tiers, or paid Supabase + Workers)

What you need first

Working TypeScript and React fluency. Node.js and pnpm installed locally. A GitHub account, a Supabase account, a Cloudflare account, and an Expo/EAS account. Access to Claude Code. No prior mobile, Swift or Kotlin experience required.

Common questions

Glossary

TanStack Start: A full-stack React framework with file-based routing and server functions, used here as the web server and SSR layer, deployed via its Cloudflare adapter.
oRPC: A TypeScript RPC library that generates a fully typed client from server procedures, so the mobile and web apps call the API with compile-time type checking instead of hand-written fetch calls.
Supabase: A hosted Postgres backend providing authentication, a database with Row Level Security, and a JavaScript client used from both the web server and the mobile app.
Row Level Security (RLS): Postgres policies enforced by Supabase that restrict which rows a query can read or write based on the authenticated user, applied at the database level regardless of which client calls it.
Cloudflare Workers: The serverless runtime the web app and oRPC API are deployed to, billed by request count and CPU time per invocation.
D1: Cloudflare's serverless SQLite database, bound to a Worker through wrangler.toml for data that lives at the edge rather than in Supabase.
Wrangler: Cloudflare's CLI for developing, configuring and deploying Workers, including creating D1 databases and running dry-run deploy checks.
Expo: The React Native toolchain used to scaffold, run and build the mobile app for iOS and Android from a single TypeScript codebase.