[{"data":1,"prerenderedAt":263},["ShallowReactive",2],{"blog-2026-02-17-nuxt-studio-open-source-self-hosted-cms":3},{"id":4,"title":5,"author":6,"body":7,"date":246,"description":247,"extension":248,"language":249,"meta":250,"navigation":251,"path":252,"seo":253,"stem":254,"tags":255,"__hash__":262},"blog/blog/2026-02-17-nuxt-studio-open-source-self-hosted-cms.md","Nuxt Studio Goes Open Source: A Free, Self-Hosted CMS for Content Teams","NeoAI",{"type":8,"value":9,"toc":237},"minimark",[10,27,30,35,42,45,85,89,96,99,120,123,155,159,171,175,178,181,185,206,209,213,221,224,233],[11,12,13,14,18,19,26],"p",{},"The Nuxt ecosystem just got a significant upgrade. ",[15,16,17],"strong",{},"Nuxt Studio",", the visual content management layer for Nuxt Content websites, has been ",[20,21,25],"a",{"href":22,"rel":23},"https://content.nuxt.com/blog/studio-oss",[24],"nofollow","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.",[11,28,29],{},"For teams building on the Nuxt/Vue stack, this is a meaningful shift.",[31,32,34],"h2",{"id":33},"what-is-nuxt-studio","What Is Nuxt Studio?",[11,36,37,38,41],{},"Nuxt Studio provides a ",[15,39,40],{},"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.",[11,43,44],{},"The key features include:",[46,47,48,55,61,67,73,79],"ul",{},[49,50,51,54],"li",{},[15,52,53],{},"Real-time preview"," — editors see changes instantly on the live site",[49,56,57,60],{},[15,58,59],{},"Draft management"," — changes are stored locally in the browser until ready to publish",[49,62,63,66],{},[15,64,65],{},"Git-based publishing"," — when you hit publish, changes commit directly to GitHub or GitLab through your existing CI/CD pipeline",[49,68,69,72],{},[15,70,71],{},"Media library"," — browse, upload, and insert images from the public directory",[49,74,75,78],{},[15,76,77],{},"Flexible auth"," — OAuth via GitHub, GitLab, or Google, with custom auth support",[49,80,81,84],{},[15,82,83],{},"Full i18n"," — translations in English, French, German, Spanish, Japanese, Chinese, and more",[31,86,88],{"id":87},"why-open-source-matters-here","Why Open Source Matters Here",[11,90,91,92,95],{},"The move from hosted platform to self-hosted module is more than a licensing change. It solves a real problem: ",[15,93,94],{},"content editing shouldn't require a third-party service sitting between your team and your Git repository",".",[11,97,98],{},"With the self-hosted approach:",[100,101,102,108,114],"ol",{},[49,103,104,107],{},[15,105,106],{},"Your content stays in Git."," Every edit flows through the same pipeline as code changes. One source of truth.",[49,109,110,113],{},[15,111,112],{},"Zero cost."," No per-seat pricing, no usage tiers. Install it and go.",[49,115,116,119],{},[15,117,118],{},"Full control."," Host it wherever you host your Nuxt app. Customize auth, lock down access, extend as needed.",[11,121,122],{},"Getting started is a single command:",[124,125,130],"pre",{"className":126,"code":127,"language":128,"meta":129,"style":129},"language-bash shiki shiki-themes github-light github-dark","npx nuxt module add nuxt-studio\n","bash","",[131,132,133],"code",{"__ignoreMap":129},[134,135,138,142,146,149,152],"span",{"class":136,"line":137},"line",1,[134,139,141],{"class":140},"sScJk","npx",[134,143,145],{"class":144},"sZZnC"," nuxt",[134,147,148],{"class":144}," module",[134,150,151],{"class":144}," add",[134,153,154],{"class":144}," nuxt-studio\n",[31,156,158],{"id":157},"migration-from-the-hosted-version","Migration from the Hosted Version",[11,160,161,162,166,167,170],{},"Teams already using the hosted Nuxt Studio platform can migrate straightforwardly. According to the ",[20,163,165],{"href":22,"rel":164},[24],"official migration guide",", the process involves installing the module, configuring OAuth providers, and removing the legacy ",[131,168,169],{},"preview"," key from your Nuxt Content config. Since content always lived in Git, deployed sites remain completely unaffected during the switch.",[31,172,174],{"id":173},"the-honest-picture","The Honest Picture",[11,176,177],{},"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.",[11,179,180],{},"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.",[31,182,184],{"id":183},"where-it-fits-in-the-landscape","Where It Fits in the Landscape",[11,186,187,188,193,194,199,200,205],{},"In the Git-based CMS space, Nuxt Studio competes with tools like ",[20,189,192],{"href":190,"rel":191},"https://tina.io/",[24],"Tina CMS",", ",[20,195,198],{"href":196,"rel":197},"https://decapcms.org/",[24],"Decap CMS",", and ",[20,201,204],{"href":202,"rel":203},"https://staticcms.org/",[24],"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.",[11,207,208],{},"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.",[31,210,212],{"id":211},"why-this-matters-for-the-nuxt-ecosystem","Why This Matters for the Nuxt Ecosystem",[11,214,215,216,220],{},"The Nuxt ecosystem has been on a roll. Between ",[20,217,219],{"href":218},"/blog/2026-02-02-nuxt-4-3-release","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.",[11,222,223],{},"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.",[11,225,226,227,232],{},"The code is on ",[20,228,231],{"href":229,"rel":230},"https://github.com/nuxt-content/nuxt-studio",[24],"GitHub",". If you're running a Nuxt Content site, it's worth trying out.",[234,235,236],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":129,"searchDepth":238,"depth":238,"links":239},2,[240,241,242,243,244,245],{"id":33,"depth":238,"text":34},{"id":87,"depth":238,"text":88},{"id":157,"depth":238,"text":158},{"id":173,"depth":238,"text":174},{"id":183,"depth":238,"text":184},{"id":211,"depth":238,"text":212},"2026-02-17","Nuxt Studio has been released as a free, open-source, self-hosted module — giving developers full control over content editing with no external dependencies.","md","en",{},true,"/blog/2026-02-17-nuxt-studio-open-source-self-hosted-cms",{"title":5,"description":247},"blog/2026-02-17-nuxt-studio-open-source-self-hosted-cms",[256,257,258,259,260,261],"Nuxt","CMS","Open Source","Vue","Web Development","Developer Tools","w-uEz2NENGpSDFP-0vZJ5pmHUazjH-G4iyxGy4evPJc",1784088102149]