Nuxt Studio Goes Open Source: A Free, Self-Hosted CMS for Content Teams
Nuxt Studio has been released as a free, open-source, self-hosted module — giving developers full control over content editing with no external dependencies.
The Nuxt ecosystem just got a significant upgrade. Nuxt Studio, the visual content management layer for Nuxt Content websites, has been released as a fully open-source, self-hosted module. What was previously a hosted platform is now a free module you install directly into your project — no external dependencies, no subscription, no vendor lock-in.
For teams building on the Nuxt/Vue stack, this is a meaningful shift.
What Is Nuxt Studio?
Nuxt Studio provides a Notion-like visual editing experience directly on your production site. Content editors can write and arrange content blocks, insert Vue components, edit component props visually, and drag-and-drop elements — all without touching code or Markdown files.
The key features include:
- Real-time preview — editors see changes instantly on the live site
- Draft management — changes are stored locally in the browser until ready to publish
- Git-based publishing — when you hit publish, changes commit directly to GitHub or GitLab through your existing CI/CD pipeline
- Media library — browse, upload, and insert images from the public directory
- Flexible auth — OAuth via GitHub, GitLab, or Google, with custom auth support
- Full i18n — translations in English, French, German, Spanish, Japanese, Chinese, and more
Why Open Source Matters Here
The move from hosted platform to self-hosted module is more than a licensing change. It solves a real problem: content editing shouldn't require a third-party service sitting between your team and your Git repository.
With the self-hosted approach:
- Your content stays in Git. Every edit flows through the same pipeline as code changes. One source of truth.
- Zero cost. No per-seat pricing, no usage tiers. Install it and go.
- Full control. Host it wherever you host your Nuxt app. Customize auth, lock down access, extend as needed.
Getting started is a single command:
npx nuxt module add nuxt-studio
Migration from the Hosted Version
Teams already using the hosted Nuxt Studio platform can migrate straightforwardly. According to the official migration guide, the process involves installing the module, configuring OAuth providers, and removing the legacy preview key from your Nuxt Content config. Since content always lived in Git, deployed sites remain completely unaffected during the switch.
The Honest Picture
It's worth noting that the editing experience isn't perfect yet. Community feedback on Reddit highlights some rough edges: the sidebar UI can fall out of sync, component insertion isn't always intuitive, and there's no document status workflow (draft → published) or revision history built in. Some users also noted that AI features are tightly coupled to Vercel, which may not align with every team's infrastructure choices.
These are real limitations. But for a freshly open-sourced project, they're the kind of issues that community contributions can address — and the fact that the codebase is now fully open makes that possible.
Where It Fits in the Landscape
In the Git-based CMS space, Nuxt Studio competes with tools like Tina CMS, Decap CMS, and Static CMS. The key difference: Nuxt Studio is purpose-built for Nuxt Content sites, with deep integration into Vue's component model and MDC (Markdown Components) syntax.
If you're already building with Nuxt Content, Studio is the most natural fit. If you need a framework-agnostic solution or more advanced media handling, Tina CMS remains a strong alternative.
Why This Matters for the Nuxt Ecosystem
The Nuxt ecosystem has been on a roll. Between Nuxt 4, the growing Nuxt Content module, and now a free visual editor, the framework is building a complete content platform — not just a rendering layer.
For small teams and indie developers especially, having a professional CMS experience with zero cost and full Git integration removes one of the last friction points in choosing Nuxt for content-heavy sites. No more convincing non-technical editors to learn Markdown or navigate GitHub's file editor.
The code is on GitHub. If you're running a Nuxt Content site, it's worth trying out.