The Nuxt Studio module is a browser-based interface for editing your Nuxt Content website directly in production. Access it by GitHub, GitLab or Google authentication on your deployed site, and start managing content without any local development tools.
The studio editor allows you to manage content entirely from your browser on your production website. There's no need for local development tools, Git commands, or terminal access. It's ideal for content teams who want to edit and preview changes in a familiar environment.
Nuxt Studio provides visual editing directly in production for Nuxt Content–powered websites.
Originally offered as a standalone premium platform, Studio is now a free, open-source, and self-hostable Nuxt module. It enables your entire team, developers and non-technical editors alike, to create and update content safely without leaving your live website.
Rich Markdown editor with full MDC component support.
Advanced code editor for Markdown (MDC), YAML, and JSON files if you want to edit raw code.
Edit YAML, JSON, and frontmatter using auto-generated forms based on collection schemas.
Visual interface to edit Vue component props directly from the editor.
Instantly preview content changes on your production website.
Secure OAuth authentication with GitHub, GitLab, and Google.
Utilities to implement custom authentication flows (password, SSO, LDAP, etc.).
Create, edit, rename, and delete content files in the content/ directory.
Centralized media library with support for JPEG, PNG, GIF, WebP, AVIF, SVG, and more.
Commit content changes directly from production and rely on your CI/CD pipeline to deploy them.
Edit content and media files directly from your local filesystem using the Studio interface.
Full i18n support for 17 languages: AR, BG, DE, EN, ES, FA, FI, FR, ID, IT, JA, NL, PL, PT-BR, UA, ZH, ZH-TW.
Manage and navigate all content collections from a unified interface.
Optimize images and media assets directly within the editor.
Get smart, AI-powered suggestions to improve and speed up content creation.
Have an idea? Share your feedback and help shape the future of Nuxt Studio.