# Home A production-ready Next.js and Sanity starter for fast, editable marketing sites — with a visual page builder, live preview, and end-to-end type-safe content. ## Build websites that scale real time preview. Explore innovative solutions designed for you. Our team delivers exceptional service and high-quality products that go beyond expectations. ![hero-light.jpg](https://cdn.sanity.io/images/s6kuy1ts/production/529d8acd07ad7194739e314d71f06bd8c95cf503-3408x2160.jpg?w=1600&fm=webp&q=80&auto=format) - [Get Started](https://sanity.robotostudio.com/documentation) - [Read the docs](https://robotostudio.com?ref=template-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) **FEATURES** ## Why are we unique We pride ourselves on delivering top-notch services and products, crafted by industry experts to ensure excellence in every aspect. ### Bleeding Edge We use the latest packages to ensure everything is blazing fast from the get-go. They're tried and tested on sites scalingthousands of pages. ### Simplified Every project is different. With Turbo Start, we've taken a "close to the metal" approach, starting with a stripped-down foundation. ### Pre-populated When working with a website, it can be difficult to visualize "how content will actually look." That's why we've implemented Faker.js **F.A.Q** ## Have questions? Find out all the essential details about our platform and how it can serve your needs. ### 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 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`. ### 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 update types after a schema change? Run `pnpm type` from the repo root — it regenerates `packages/sanity/src/sanity.types.ts`. To refresh the schema snapshot first, run `pnpm extract` inside `apps/studio`. ### 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`. ### 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. ### 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. ### Why do I need to set CORS origins? Sanity blocks unknown origins, so add your production and preview URLs under API > CORS origins in sanity.io/manage. Enable "Allow credentials" for live preview. ### 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. ### How do I deploy the Studio? Run `pnpm run deploy` from `apps/studio`. The first deploy has to run locally so Sanity can create the hosted Studio and return an app ID — save it as `SANITY_STUDIO_APP_ID` for later deploys. ### 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. ### Does it support multiple languages? No. This starter has no localization set up — every document type is single-language. ### 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. ### Is it free? Yes. The template is free and open-source under the MIT license. You only pay for the services you host it on. ### Do I need a paid Sanity plan? No. You can start on Sanity's free tier and upgrade later if your traffic or team grows. ### What does hosting cost? It depends on your providers. A common setup runs on Vercel and Sanity, both of which have free tiers for small projects. ### Can I use it for client work? Yes. It's MIT licensed, so commercial and client work are both fine. ### Are there any paid dependencies in the stack? No. Everything in the stack is open source — Next.js, Sanity Studio, Tailwind v4, Base UI, Turborepo, and Biome. You only pay for the services you host on, such as Sanity and Vercel. [Get in touch with sales](https://robotostudio.com/?ref=template-sanity) ## Subscribe to our newsletter Get the latest updates, tips and exclusive offers. Start monitoring for free or [book a demo](https://robotostudio.com?ref=template-sanity) **Testimonials** **My best experience with a consulting/contracting company. **The results were delivered faster than expected and with top quality. Jono ensured I understood the process and suggested a great approach. **Both execution and communication were flawless.** — Eric Yang, CEO at Topaz Labs ## Production-grade foundations, Enterprise-ready. Design, construct, and expand structured content seamlessly across all brands, applications, and interaction points, leveraging a robust Next.js and Sanity framework that has successfully been deployed in production environments. Enterprise-ready in all sense. - [Get started now](https://sanity.robotostudio.com/documentation) - [Work with Roboto](https://robotostudio.com)