Make It Yours: Sanity Studio v3 Developer Preview

Written by Knut Melvær

Have you ever felt painted into a corner by a CMS? Most of us have. That’s why we designed Sanity Studio as a flexible framework for developers to build exceptional editorial experiences for their teams, leveraging structured content.

You can get up and running quickly with an editing interface without losing momentum as custom needs arise. Developers and editors consistently tell us that they love to make the Studio their own. With Sanity Studio Version 3, you’ll be able to do so with the tooling you’d like and patterns you know.

A major upgrade to developer experience

We’re delighted to share a preview of the next major version of Sanity Studio with you. We’ve synthesized six years of learning and feedback to give it a significant upgrade, so it’s even faster and easier to customize to your needs. We hope you’ll download and try it out and provide us with feedback on how it works for you.

Sanity Studio v3 comes with the following improvements:

• Use any JavaScript bundler to build the Studio, including omitting them entirely. You can now embed Sanity Studio in other projects like Next.js, Remix, and Nuxt.js – and use their tooling for local development and bundling to production.
• New out-of-the-box tooling for faster hot module reloading and lighter builds based using Vite
• New sanity mono-package with full ECMAScript Modules (ESM) support and CommonJS fallback
• New APIs for configuration, plugins, form customization, and theming (coming soon)
• New methods for wrapping input fields in custom components and improved support for custom array inputs
• JavaScript-based configuration with support for multiple Workspaces. Load multiple projects and datasets with shared and specific configurations in the same Studio application!
• You can use context about the current project and logged-in user to return specific schemas, structures, plugins, etc., in the new configuration API to personalize the Studio
• All the new APIs are fully typed in TypeScript, and we’ll document using TSDoc. This gives autocomplete and instant validation in code editors that support it.
• New Sanity Docs Beta with migration guides, conceptual introduction, and complete API reference of all public Studio APIs
• A new plugin toolkit to support plugin development, publishing, and migrations
• Sanity Studio v3 supports dark mode based on user preference, with theming support on the way
• …and a lot of other small fixes!

This upgrade also makes it easier for us to move faster and more reliably in bringing new features to Sanity Studio.

You can bootstrap a new v3 Studio from the command line and learn how to migrate existing ones in the new docs beta: