technology stack

the exact stack behind
every tool & scaffold

Every scaffold, pattern, review, and coding standard targets this precise combination. Follow the layers from foundation to production.

07deployCloudflare • Azure • GitHub Actions
06qualityESLint • Prettier • Vitest • Testing Library
05authAuth0 RBAC • JWT • Zod
04uiMUI 6 • Emotion • lucide-react • IBM Plex Sans
03dataTanStack Router • TanStack Query
02frameworkReact 19 • TanStack Start
01foundationTypeScript 5.7+ • Vite 7 • npm
01

foundation

Language, build tooling, and package management — the base everything else sits on.

TypeScript 5.7+
Strict mode, ES2022 target, bundler resolution
strict: true verbatimModuleSyntax noUnusedLocals
docs →
Vite v7
Build tool & dev server with native ESM and instant HMR
HMR SSR code splitting
docs →
npm latest
Package manager with pnpm compatibility
lockfile workspaces
docs →
targetES2022
node≥ 18
path aliases#/* & @/* → ./src/*
02

framework

The rendering engine and full-stack meta-framework with SSR baked in.

React v19
Rendering engine with concurrent features, automatic batching, and the new use() hook
concurrent suspense actions API
docs →
TanStack Start latest
Full-stack React framework with SSR, streaming, and server functions
SSR streaming server functions
docs →
03

routing & data

Type-safe file-based routing and server state management with caching built in.

TanStack Router latest
Fully type-safe file-based routing with Zod search param validation
file-based type-safe code-splitting nested layouts
docs →
TanStack Query latest
Async state with caching, background refetching, and optimistic updates
caching pagination optimistic devtools
docs →
Route File
routes/dashboard.tsx
→
Loader
Type-safe server data
→
Query Hook
Cached & reactive
→
Component
Render to DOM
04

UI layer

Components, styling engine, icons, and typography — the visual system.

MUI (Material UI) v6
Component library with custom “te” theme applied globally
Box Stack Typography Button TextField
docs →
Emotion v11
CSS-in-JS engine powering the sx prop and styled() API
sx prop styled() theme-aware
docs →
lucide-react latest
Lightweight, tree-shakeable SVG icon library
tree-shakeable consistent strokes
docs →
Typography 2 faces
IBM Plex Sans for body • Space Mono for UI labels & code
@fontsource weights 200–600 self-hosted
fonts →
05

auth & validation

Identity, authorization, and runtime schema validation at every boundary.

Auth0 @auth0/auth0-react
Universal Login with RBAC permissions in JWT access tokens
JWT Bearer RBAC MFA social login
docs →
Zod latest
Schema validation for APIs, search params, env vars, and forms
type inference runtime safe composable
docs →
JWT Bearer tokens for every API call
Auth0 Universal Login — never a custom form
No session cookies or server-side sessions
No custom login/signup UI
06

code quality

Linting, formatting, and testing — enforced in CI on every push.

ESLint @tanstack config
TypeScript-aware linting with TanStack’s shared config
TS rules React best practices
docs →
Prettier v3.8+
Consistent formatting — no semicolons, single quotes, trailing commas
semi: false singleQuote trailingComma: all
docs →
Vitest v3+
Fast unit & integration tests with native Vite integration
Vite pipeline snapshots coverage
docs →
Testing Library React + DOM
Component tests by role, label & text — no implementation details
getByRole user events jsdom
docs →
Format
prettier --check
→
Lint
eslint
→
Type Check
tsc --noEmit
→
Test
vitest run
→
Build
vite build
07

infrastructure & deployment

Edge-first deployment with CI/CD automation on every push.

Cloudflare Workers edge
V8 isolate-based edge runtime — 300+ locations, sub-10ms cold starts
V8 isolates global edge SSR
docs →
Azure Static Web Apps managed
Global CDN, auto SSL, staging environments, PR previews
CDN auto SSL preview deploys
docs →
GitHub Actions CI/CD
Automated pipelines — lint, type check, test, build, deploy
PR checks auto deploy matrix builds
docs →
—

architecture paths

The front-end stack (layers 01–06) stays identical. The infrastructure layer offers three supported paths — choose the one that fits your team, compliance needs, and operational model.

Cloudflare
Edge-first & developer-simple
  • V8 isolates with sub-10ms cold starts at 300+ edge locations
  • Simple deploy — wrangler deploy with zero infrastructure config
  • Built-in AI primitives (AI Gateway, Vectorize) with no extra setup
  • Generous free tier, pay-per-request pricing at scale
  • Best for greenfield projects, startups, and latency-critical apps
Azure Serverless
Pay-per-execution, zero infrastructure
  • Static Web App + Functions + Container Apps — all scale to zero
  • Storage-based data (Tables, Queues, Blobs) with simple SDKs
  • Lowest entry cost — consumption plan, pay only when code runs
  • Built-in PR preview environments and staging slots
  • Best for small-to-medium apps, rapid prototyping, and cost-sensitive teams
Azure Server-Based
Enterprise-grade, always-on PaaS
  • App Service with always-on Node.js — dedicated compute, no cold starts
  • Full relational database (Postgres) with enterprise backup & HA
  • Deep observability via Application Insights — traces, metrics, alerts
  • Private networking, VNET integration, and compliance certifications
  • Best for regulated industries, existing Azure estates, and complex backends
capability Cloudflare Azure Serverless Azure Server-Based
Hosting & SSR Pages & Workers Static assets on CDN + Workers handle SSR and API routes at the edge Static Web App Global CDN with integrated Functions API, staging slots, and PR previews Static Web App Front-end on CDN, API routes proxied to App Service or Container Apps
Compute Workers V8 isolates with 0ms cold starts, automatic global distribution Functions + Container Apps Functions for event-driven triggers; Container Apps for long-running or Docker workloads — both scale to zero App Service Always-on managed Node.js with deployment slots, custom domains, and VNET integration
Containers Containers Docker workloads on Cloudflare, co-located with Workers Container Apps Serverless containers with Dapr, KEDA auto-scaling, and revision management — scales to zero Container Apps Same serverless containers — paired with App Service for always-on API backends
SQL Database D1 SQLite at the edge — lightweight, zero-config, automatic replication — Use Storage Tables for data — no relational DB in this path Postgres Flexible Server Fully managed PostgreSQL with HA, point-in-time recovery, and read replicas
Key-Value Store Workers KV Eventually-consistent global key-value store, optimised for high-read workloads Storage Tables Schemaless NoSQL with partition/row key access — the primary data store in this path Storage Tables Schemaless NoSQL store with OData queries — supplements Postgres for config/metadata
Object Storage R2 S3-compatible object storage with zero egress fees Blob Storage Tiered object storage (hot/cool/archive) with lifecycle policies Blob Storage Tiered object storage (hot/cool/archive) with lifecycle policies
Message Queue Queues Pull-based message queue integrated with Workers, automatic batching Storage Queues Simple HTTP queue with visibility timeout and poison message handling Storage Queues Simple HTTP queue — upgrade to Service Bus for topics, sessions, and transactions
Cache Workers KV Edge-cached key-value reads as a low-latency cache layer — Not typical — add Redis if caching needs grow Azure Cache for Redis Managed Redis with sub-ms reads, pub/sub, Lua scripting, and persistence
Stateful Coordination Durable Objects Strongly consistent actors for real-time sync, counters, and sessions Durable Entities Virtual actor model with strongly consistent state, signaling, and orchestrator workflows — No direct equivalent — use Dapr actors in Container Apps or external Redis
AI & Vectors AI Gateway + Vectorize Proxy, cache and rate-limit LLM calls; edge-native vector database for RAG — Not in default stack — add Azure OpenAI or AI Search as needed Azure AI Services Not in default stack — add Azure OpenAI, AI Search, or Cognitive Services
Observability Analytics Engine + Logpush Custom metrics, log streaming to any destination, Tail Workers for debugging Application Insights APM with tracing and alerts — lightweight setup via Functions integration Application Insights Full APM with distributed tracing, live metrics, smart detection, and alerting

Cells marked “—” have no service in that path — the description notes the closest alternative. All three paths deploy via GitHub Actions with identical CI pipelines.

—

npm scripts

devvite dev --port 3000
buildvite build
previewvite preview
testvitest run
linteslint
formatprettier --check .
checkprettier --write . && eslint --fix