guide
Create a new section without code
Blog, Gallery and Projects are all collections. Editors can add new ones, such as Services or Team, straight from the Studio.
AM
Ada Morgan
Editor
Blog·
Editing with a live preview
Turn on Visual Editing to click any text on the site and jump straight to the field in Studio.
AM
Ada Morgan
Editor
LH
Leo Hart
Frontend Engineer
The Presentation tool shows the site next to the editor. Draft changes appear as you type, before you publish.
Turn it on
- Create a token with the Viewer role in sanity.io/manage → API → Tokens.
- Add it to
apps/web/.envasNUXT_SANITY_API_READ_TOKEN. - Restart the site and open Presentation in Studio.
Blocks can be reordered by dragging them in the preview, because every block carries a data-sanity attribute.
Keep the token on the server
The read token is only used by the Nuxt server. It is never sent to the browser.
Related posts
guide
Getting started with Sanity × Nuxt UI
Connect the template to your Sanity project, import the example content and run Studio and the site side by side.
AM
Ada Morgan
Editor
guide
How to add a new block
Any Nuxt UI component can become a block. It takes a schema, one Vue component and one line in the registry.
LH
Leo Hart
Frontend Engineer