Santan‌‍‍‍‌‍‌‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍‍‍‍‍‍‍‌‌‍‌‌‍‍‌‍‍‌‌‌‌‍‌‍‍‌‍‍‌‌‍‍‍‍‍‍‌‍‍‌‍‌‍‌‌‌‍‌‍‍‍‍‍‍‍‌‍‍‌‌‌‌‌‍‍‍‍‌‍‌‍‌‍‌‍‌‌‍‌‍‍‌‍‌‌‌‍‍‍‌‍‍‌‌‍‍‌‌‌‍‌‌‌‍‍‌‌‍‌‍‌‌‌‍‌‌‍‍‌‌‌‍‌‍‌‌‍‌‍‌‌‍‌‌‌‌‌‍‌‍‌‌‌‌‍‌‌‌‍‍‌‌‌‍‌‌‌‌‍‍‌‌‍‌‍‍‍‌‍‍‌‌‍‌‌‌‍‍‌‍‌‍‌‌‍‌‌‍‌‌‌‍‌‌‌‍‌‌‌‌‍‍‌‍‌‍‌‌‍‌‌‍‌‌‍‌‌‌‌‍‍‌‌‌‌‍‍‌‌‌‌‍‌‍‌‌‌‍‍‌‍‌‌‌‍‌‌‌‌‌‌‌‍‌‍‌‌‍‍‌‌‌‌‌‍‌‌‌‌‍‌‌‍‌‌‍‍‌‌‍‌‌‍‌‍‌‍‌‍‌‍‌‌‍‌‍‍‌‍‌‌‌‍‌‌‌‌‍‌‍‌‍‍‌‌‍‌‌‌‍‍‌‍‌‍‌‌‍‌‌‍‌‍‌‌‌‍‌‌‌‍‌‌‌‌‍‍‌‍‌‍‌‌‍‌‌‍‌‍‌‌‍‌‌‌‌‍‍‌‌‌‌‍‍‌‌‌‌‍‌‍‌‌‍‌‍‌‌‍‌‌‌‍‌‌‌‍‌‌‌‍‌‌‌‍‍‌‌‌‍‌‍‌‌‌‌‌‌‌‌‍‍‌‍‌‍‍‌‌‌‍‍‌‍‌‌‌‍‌‍‍‌‌

Where all new Sanity apps should start‌‍‍‍‌‍‌‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍‍‍‍‍‍‍‌‌‍‌‌‍‍‌‍‍‌‌‌‌‍‌‍‍‌‍‍‌‌‍‍‍‍‍‍‌‍‍‌‍‌‍‌‌‌‍‌‍‍‍‍‍‍‍‌‍‍‌‌‌‌‌‍‍‍‍‌‍‌‍‌‍‌‍‌‌‍‌‍‍‌‍‌‌‌‍‍‍‌‍‍‌‌‍‍‌‌‌‍‌‌‌‍‍‌‌‍‌‍‌‌‌‍‌‌‍‍‌‌‌‍‌‍‌‌‍‌‍‌‌‍‌‌‌‌‌‍‌‍‌‌‌‌‍‌‌‌‍‍‌‌‌‍‌‌‌‌‍‍‌‌‍‌‍‍‍‌‍‍‌‌‍‌‌‌‍‍‌‍‌‍‌‌‍‌‌‍‌‌‌‍‌‌‌‍‌‌‌‌‍‍‌‍‌‍‌‌‍‌‌‍‌‌‍‌‌‌‌‍‍‌‌‌‌‌‌‍‍‌‌‌‌‍‍‌‌‌‌‍‌‍‌‌‌‍‍‌‍‌‌‌‍‌‌‌‌‌‌‌‍‌‍‌‌‍‍‌‌‌‌‌‍‌‌‌‌‍‌‌‍‌‌‍‍‌‌‍‌‌‍‌‍‌‍‌‍‌‍‌‌‍‌‍‍‌‍‌‌‌‍‌‌‌‌‍‌‍‌‍‍‌‌‍‌‌‌‍‍‌‍‌‍‌‌‍‌‌‍‌‍‌‌‌‍‌‌‌‍‌‌‌‌‍‍‌‍‌‍‌‌‍‌‌‍‌‍‌‌‍‌‌‌‌‍‍‌‌‌‌‌‌‍‍‌‌‌‌‍‍‌‌‌‌‍‌‍‌‌‍‌‍‌‌‍‌‌‌‍‌‌‌‍‌‌‌‍‌‌‌‍‍‌‌‌‍‌‍‌‌‌‌‌‌‌‌‍‍‌‍‌‍‍‌‌‌‍‍‌‍‌‌‌‍‌‍‍‌‌

⚡

Lightning Fast

Server-side rendering with instant client-side navigation

👁️

Live Preview

Real-time content updates with Sanity's visual editing

🎨

Beautiful UI

Clean, modern design inspired by Apple's aesthetics

📱

Fully Responsive

Perfect experience on any device, any screen size

Explore Categories

Latest Posts

How This Site Is Built‌‍‍‍‌‍‌‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍‍‍‍‍‍‍‌‌‍‌‌‍‍‌‍‍‌‌‌‌‍‌‍‍‌‍‍‌‌‍‍‍‍‍‍‌‍‍‌‍‌‍‌‌‌‍‌‍‍‍‍‍‍‍‌‍‍‌‌‌‌‌‍‍‍‍‌‍‌‍‌‍‌‍‌‌‍‌‍‍‌‍‌‌‌‍‍‍‌‍‍‌‌‍‍‌‌‌‍‌‌‌‍‍‌‌‍‌‍‌‌‌‍‌‌‍‍‌‌‌‍‌‍‌‌‍‌‍‌‌‍‌‌‌‌‌‍‌‍‌‌‌‌‍‌‌‌‍‍‌‌‌‍‌‌‌‌‍‍‌‌‍‌‍‍‍‌‍‍‌‌‍‌‌‍‌‌‌‍‍‌‌‍‌‍‌‍‌‌‍‌‌‍‌‍‍‌‌‍‌‌‌‍‌‍‌‍‌‍‌‍‍‌‍‌‍‌‍‌‍‌‌‍‌‌‌‌‍‌‌‍‍‌‌‌‌‍‌‍‌‌‌‍‌‍‌‌‌‍‌‌‌‍‌‌‌‌‌‍‌‌‌‍‌‌‍‌‌‌‌‍‍‌‌‌‌‍‍‌‌‌‌‍‌‍‌‌‌‍‍‌‍‌‌‌‍‌‌‌‌‌‌‌‍‌‍‌‌‍‍‌‌‌‌‌‍‌‌‌‌‍‌‌‍‌‌‍‍‌‌‍‌‌‍‌‍‌‍‌‍‌‍‌‌‍‌‍‍‌‍‌‌‌‍‌‌‌‌‍‌‍‌‍‍‌‌‍‌‌‍‌‌‌‍‍‌‌‍‌‍‌‍‌‌‍‌‌‍‌‍‍‌‌‍‌‌‌‍‌‍‌‍‌‍‌‍‍‌‍‌‍‌‍‌‍‌‌‍‌‌‌‌‍‌‌‍‍‌‌‌‌‍‌‍‌‌‌‍‌‍‌‍‌‌‌‍‌‌‌‍‌‌‌‌‌‍‌‌‌‍‌‍‌‌‍‌‌‌‌‍‍‌‌‌‌‍‍‌‌‌‌‍‌‍‌‌‍‌‍‌‌‍‌‌‌‍‌‌‌‍‌‌‌‍‌‌‌‍‍‌‌‌‍‌‍‌‌‌‌‌‌‌‌‍‍‌‍‌‍‍‌‌‌‍‍‌‍‌‌‌‍‌‍‍‌‌

This project is a modern web stack organized as a multi-app workspace. The Studio lives in apps/studio and is powered by Sanity V4 for structured content, React 19 for UI, and TypeScript for type safety.‌‍‍‍‌‍‌‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍‍‍‍‍‍‍‌‌‍‌‌‍‍‌‍‍‌‌‌‌‍‌‍‍‌‍‍‌‌‍‍‍‍‍‍‌‍‍‌‍‌‍‌‌‌‍‌‍‍‍‍‍‍‍‌‍‍‌‌‌‌‌‍‍‍‍‌‍‌‍‌‍‌‍‌‌‍‌‍‍‌‍‌‌‌‍‍‍‌‍‍‌‌‍‍‌‌‌‍‌‌‌‍‍‌‌‍‌‍‌‌‌‍‌‌‍‍‌‌‌‍‌‍‌‌‍‌‍‌‌‍‌‌‌‌‌‍‌‍‌‌‌‌‍‌‌‌‍‍‌‌‌‍‌‌‌‌‍‍‌‌‍‌‍‍‍‌‍‍‌‌‍‌‌‍‌‌‌‍‍‌‌‍‌‍‌‍‌‌‍‌‌‍‌‍‍‌‌‍‌‌‌‍‌‍‌‍‌‍‌‍‍‌‍‌‍‌‍‌‍‌‌‍‌‌‌‌‍‌‌‍‍‌‌‌‌‍‌‍‌‌‌‍‌‍‌‌‌‍‌‌‌‍‌‌‌‌‌‍‌‌‌‍‌‌‍‌‌‌‌‍‍‌‌‍‍‌‌‍‍‌‍‌‌‍‌‍‌‌‌‌‌‍‍‌‍‌‌‌‍‌‌‌‌‌‌‌‍‌‍‌‌‍‍‌‌‌‌‌‍‌‌‌‌‍‌‌‍‌‌‍‍‌‌‍‌‌‍‌‍‌‍‌‍‌‍‌‌‍‌‍‍‌‍‌‌‌‍‌‌‌‌‍‌‍‌‍‍‌‌‍‌‌‍‌‌‌‍‍‌‌‍‌‍‌‍‌‌‍‌‌‍‌‍‍‌‌‍‌‌‌‍‌‍‌‍‌‍‌‍‍‌‍‌‍‌‍‌‍‌‌‍‌‌‌‌‍‌‌‍‍‌‌‌‌‍‌‍‌‌‌‍‌‍‌‍‌‌‌‍‌‌‌‍‌‌‌‌‌‍‌‌‌‍‌‍‌‌‍‌‌‌‌‍‍‌‌‍‍‌‌‍‍‌‍‌‌‍‌‍‌‌‌‌‍‌‍‌‌‍‌‌‌‍‌‌‌‍‌‌‌‍‌‌‌‍‍‌‌‌‍‌‍‌‌‌‌‌‌‌‌‍‍‌‍‌‍‍‌‌‌‍‍‌‍‌‌‌‍‌‍‍‌‌

Highlights

🧩

Composable

A modular approach lets you swap or extend data layers & UI without friction.

🛰️

Edge Ready

Built on modern primitives that thrive in distributed & edge environments.

🔄

Reactive Preview

Instant visual updates while you edit structured content in Sanity.

🛡️

Type Safe

End‑to‑end TypeScript models keep refactors safe & confident.

Architecture

SanTan Starter combines TanStack Start for routing & data synchronization, React 19 for modern rendering semantics, and Sanity for structured, real‑time content authoring. The result is a fluid authoring→publishing loop with minimal glue code.

Content queries are organized, cached, and invalidated intelligently. Preview mode uses a reactive store to switch data sources without a full page reload.

React 19TanStack StartTypeScriptSanityEdge Friendly

Data Flow

Client Request
   │
   ├─ Route Loader (decides preview vs published)
   │    ├─ Preview: reactive store + live query
   │    └─ Published: cached query via TanStack Query
   │
   └─ Component hydrates with adaptive source

Clear separation of preview vs published pathways keeps production lean while enabling instant editorial feedback.

Developer Experience

The stack emphasizes fast iteration: portable query helpers, reusable layout primitives, and co-located types reduce friction. Vanilla Extract ensures design tokens stay type safe and themeable.

You can extend this starter with auth, comments, multi‑tenant spaces or edge personalization without reworking the fundamentals.

Why It Feels Fast

Granular route loaders
Selective live preview hydration
Edge‑friendly query patterns
Progressive image loading
Minimal global JS

Kickstart your content platform

Clone the repo, connect your Sanity project, and start shipping structured content in minutes.

View on GitHub Docs