# Overview Explore what Turbo Start Sanity ships with: a visual page builder, live preview, type-safe content via TypeGen, a Tailwind UI library, and Markdown for agents. ## Up and running in a matter of minutes Clone the repo, add your Sanity project ID, and run pnpm dev — the Studio and a live, visually editable Next.js site come up side by side. ![hero-light.jpg](https://cdn.sanity.io/images/s6kuy1ts/production/529d8acd07ad7194739e314d71f06bd8c95cf503-3408x2160.jpg?w=1600&fm=webp&q=80&auto=format) - [Get started](https://robotostudio.com?ref=template-sanity) - [View on GitHub](https://github.com/robotostudio/turbo-start-sanity) - ![GCN](https://cdn.sanity.io/images/s6kuy1ts/production/42ef7d6affff336cd513838ff02c841aad89ea9b-98x28.svg?w=1600&fm=webp&q=80&auto=format) - ![Session](https://cdn.sanity.io/images/s6kuy1ts/production/879b4e1238fb226a42632f735546711f6aeaf16f-104x22.svg?w=1600&fm=webp&q=80&auto=format) - ![Tabby](https://cdn.sanity.io/images/s6kuy1ts/production/8756d14ea8771337c1e8e1e8636bbe3b286a515b-84x27.svg?w=1600&fm=webp&q=80&auto=format) - ![Discovery](https://cdn.sanity.io/images/s6kuy1ts/production/9513f0de80639cee872afa97b66bd66b8299516f-113x24.svg?w=1600&fm=webp&q=80&auto=format) - ![Helix](https://cdn.sanity.io/images/s6kuy1ts/production/d084be5e8e200d5f3a8d5b4e77be855352450c78-86x24.svg?w=1600&fm=webp&q=80&auto=format) - ![Serch](https://cdn.sanity.io/images/s6kuy1ts/production/1b041b49b5d9f8f62cffb3f0240de7635f79ace6-102x24.svg?w=1600&fm=webp&q=80&auto=format) - ![Synacti](https://cdn.sanity.io/images/s6kuy1ts/production/8637af8ce057a4789a97b1dfbb446440e2a472dc-100x24.svg?w=1600&fm=webp&q=80&auto=format) - ![Teckro](https://cdn.sanity.io/images/s6kuy1ts/production/4a1aeb7e444fc1a0f39c2eb9c7f2104c2e57d4a7-92x28.svg?w=1600&fm=webp&q=80&auto=format) - ![Topaz Labs](https://cdn.sanity.io/images/s6kuy1ts/production/d66c42e4c03ed4dca9136ec35b67674d3c733579-141x25.svg?w=1600&fm=webp&q=80&auto=format) **Ready out of the box** ## Everything's wired up before you write a line Every capability is wired end to end — schema, GROQ query, and rendered component — so it all works the moment you clone the repo. Nothing to configure to see it running. ### Page builder Compose pages from typed blocks — hero, CTA, feature cards, FAQ, newsletter, and more — arranged in any order without touching code. ### Visual editing & live preview Click any element in the Presentation tool to jump straight to its field, with changes reflected live through Sanity's stega overlays. ### Type-safe content Sanity TypeGen turns your schema and GROQ queries into TypeScript types, so the data your components receive is always accurate. ### Markdown for LLMs Every page is also served as clean Markdown — append .md to any URL or send an Accept: text/markdown header for agent-friendly output. ### SEO & Open Graph built in Metadata, sitemaps, and OG tags are wired through the schema, so each page ships search- and social-ready out of the box. ### Tailwind component library A shared UI package built on Radix, CVA, and Tailwind v4 gives you accessible, themeable primitives to build with. **Community** ## Build alongside other developers Release notes, questions and the occasional argument about content modelling — all in the open. - [GitHub](https://github.com/robotostudio/turbo-start-sanity) - [X \[Twitter\]](https://x.com/studioroboto) - [YouTube](https://www.youtube.com/@robotostudio) - [Reddit](https://www.reddit.com) **FAQ** ## Getting set up The questions that come up on your first run. ### How does live preview work? The Studio's Presentation tool shows your live site next to the editor. Click any element to jump to its field, and edits appear instantly without refreshing. ### Can editors build pages themselves? Yes. Pages are assembled from reusable blocks like hero, FAQ, and CTA. Editors add, reorder, and edit them in the Studio with no code. ### Can pages be read as Markdown? Yes. Add `.md` to any URL (like `/about.md`) or send an `Accept: text/markdown` header to get a clean Markdown version, which is handy for LLMs and agents. ### What happens to old URLs when I change a page slug? When a page's slug changes, the `auto-redirect` Sanity Function creates a `redirect` document pointing the old path at the new one. Next.js reads those in `next.config.ts`, so the redirect goes live on the next build. ### Can I customize the components? Yes. They use Tailwind v4 with CVA variants, and the theme tokens live in `globals.css`. Edit the tokens to restyle everything, or tweak a single component's variants. ### How do I add a new block? Add a folder under `packages/sanity-blocks/src/` and export its schema from `blockSchemas` — the Studio picks it up automatically. Run `pnpm type`, add the projection to `pageBuilderFragment`, then register the component in `renderBlockComponent`. ### Where do shared UI components live? Generic primitives like buttons and inputs live in `@workspace/ui`. Page-builder blocks live in `packages/sanity-blocks/src//index.tsx` and are rendered by `apps/web/src/components/pagebuilder.tsx`. ### Are the components accessible? Yes. The shared components in `@workspace/ui` wrap Base UI primitives, so keyboard navigation, focus management, and ARIA roles come built in. ### How do I deploy? Deploy the web app to Vercel with the root directory set to `apps/web`. For the Studio, run `pnpm run deploy` from `apps/studio` — not `pnpm deploy`, which is pnpm's own command. ### What environment variables do I need? The web app needs your Sanity project ID, dataset, API version, Studio URL, and read/write tokens — all Zod-validated by `@workspace/env` at startup. The Studio reads its own `SANITY_STUDIO_*` values; see the `.env.example` in each app. ### Does it work with Vercel previews? Yes, as long as the preview URL is added to your Sanity CORS origins under API > CORS origins in Sanity Manage. [Talk it through with Roboto Studio](https://robotostudio.com?ref=template-sanity) ## Follow the roadmap New blocks, framework upgrades and release notes, sent when there is genuinely something to report. About one email a month. Unsubscribe whenever you like. **Ready when you are** ## Clone it and start building Spin up the whole stack with a single Sanity CLI command and have a working page builder in minutes. - [Get started now](https://sanity.robotostudio.com/documentation) - [Work with Roboto](https://robotostudio.com)