[{"data":1,"prerenderedAt":350},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-studio":65,"-getting-started-studio-surround":345},[4,40],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Project Structure","\u002Fgetting-started\u002Fproject-structure","1.getting-started\u002F4.project-structure","i-lucide-folder-tree",{"title":26,"path":27,"stem":28,"icon":29},"Studio module","\u002Fgetting-started\u002Fstudio","1.getting-started\u002F5.studio","i-lucide-mouse-pointer-2",{"title":31,"path":32,"stem":33,"icon":34},"Migration","\u002Fgetting-started\u002Fmigration","1.getting-started\u002F6.migration","i-lucide-replace",{"title":36,"path":37,"stem":38,"icon":39},"Troubleshooting","\u002Fgetting-started\u002Ftroubleshooting","1.getting-started\u002F7.troubleshooting","i-lucide-wrench",{"title":41,"path":42,"stem":43,"children":44,"page":6},"Essentials","\u002Fessentials","2.essentials",[45,50,55,60],{"title":46,"path":47,"stem":48,"icon":49},"Markdown Syntax","\u002Fessentials\u002Fmarkdown-syntax","2.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":51,"path":52,"stem":53,"icon":54},"Code Blocks","\u002Fessentials\u002Fcode-blocks","2.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":56,"path":57,"stem":58,"icon":59},"Components","\u002Fessentials\u002Fcomponents","2.essentials\u002F3.components","i-lucide-component",{"title":61,"path":62,"stem":63,"icon":64},"Images and Embeds","\u002Fessentials\u002Fimages-embeds","2.essentials\u002F4.images-embeds","i-lucide-image",{"id":66,"title":26,"body":67,"description":332,"extension":333,"links":334,"meta":335,"navigation":341,"path":27,"seo":342,"stem":28,"__hash__":344},"docs\u002F1.getting-started\u002F5.studio.md",{"type":68,"value":69,"toc":290},"minimark",[70,79,84,89,95,100,107,114,118,126,129,136,139,146,149,156,159,166,169,176,179,186,189,195,205,212,215,222,225,232,235,242,245,251,258,261,267,270,277,280,287],[71,72,73,74,78],"p",{},"The ",[75,76,77],"strong",{},"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.",[80,81,83],"tip",{"to":82},"https:\u002F\u002Fnuxt.studio\u002Fintroduction","Browse Nuxt Studio documentation to learn how ton install the module.",[85,86],"video",{":controls":87,":loop":87,"src":88},"true","https:\u002F\u002Fres.cloudinary.com\u002Fnuxt\u002Fvideo\u002Fupload\u002Fv1767647099\u002Fstudio\u002Fstudio-demo_eiofld.mp4",[71,90,73,91,94],{},[75,92,93],{},"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.",[96,97,99],"h2",{"id":98},"visual-edition-in-production-for-your-nuxt-content-website","Visual edition in production for your Nuxt Content website",[71,101,102,103,106],{},"Nuxt Studio provides ",[75,104,105],{},"visual editing directly in production"," for Nuxt Content–powered websites.",[71,108,109,110,113],{},"Originally offered as a standalone premium platform, Studio is now a ",[75,111,112],{},"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.",[96,115,117],{"id":116},"current-features","Current features",[119,120,122,123],"h3",{"id":121},"tiptap-visual-editor","✨ ",[75,124,125],{},"TipTap Visual Editor",[71,127,128],{},"Rich Markdown editor with full MDC component support.",[119,130,132,133],{"id":131},"monaco-code-editor","💻 ",[75,134,135],{},"Monaco Code Editor",[71,137,138],{},"Advanced code editor for Markdown (MDC), YAML, and JSON files if you want to edit raw code.",[119,140,142,143],{"id":141},"form-based-editor","📝 ",[75,144,145],{},"Form-based Editor",[71,147,148],{},"Edit YAML, JSON, and frontmatter using auto-generated forms based on collection schemas.",[119,150,152,153],{"id":151},"vue-component-props-editor","🎨  ",[75,154,155],{},"Vue Component Props Editor",[71,157,158],{},"Visual interface to edit Vue component props directly from the editor.",[119,160,162,163],{"id":161},"real-time-preview","🔄 ",[75,164,165],{},"Real-time Preview",[71,167,168],{},"Instantly preview content changes on your production website.",[119,170,172,173],{"id":171},"multi-provider-authentication","🔐 ",[75,174,175],{},"Multi-provider Authentication",[71,177,178],{},"Secure OAuth authentication with GitHub, GitLab, and Google.",[119,180,182,183],{"id":181},"custom-authentication","🔑 ",[75,184,185],{},"Custom Authentication",[71,187,188],{},"Utilities to implement custom authentication flows (password, SSO, LDAP, etc.).",[119,190,142,192],{"id":191},"file-management",[75,193,194],{},"File Management",[71,196,197,198,204],{},"Create, edit, rename, and delete content files in the ",[199,200,203],"span",{"className":201},[202],"s2","content\u002F"," directory.",[119,206,208,209],{"id":207},"media-management","🖼 ",[75,210,211],{},"Media Management",[71,213,214],{},"Centralized media library with support for JPEG, PNG, GIF, WebP, AVIF, SVG, and more.",[119,216,218,219],{"id":217},"git-integration","🌳 ",[75,220,221],{},"Git Integration",[71,223,224],{},"Commit content changes directly from production and rely on your CI\u002FCD pipeline to deploy them.",[119,226,228,229],{"id":227},"development-mode","🚀 ",[75,230,231],{},"Development Mode",[71,233,234],{},"Edit content and media files directly from your local filesystem using the Studio interface.",[119,236,238,239],{"id":237},"internationalization","🌍 ",[75,240,241],{},"Internationalization",[71,243,244],{},"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.",[96,246,248],{"id":247},"upcoming-features",[75,249,250],{},"Upcoming features",[119,252,254,255],{"id":253},"collections-view","📂 ",[75,256,257],{},"Collections View",[71,259,260],{},"Manage and navigate all content collections from a unified interface.",[119,262,208,264],{"id":263},"media-optimization",[75,265,266],{},"Media Optimization",[71,268,269],{},"Optimize images and media assets directly within the editor.",[119,271,273,274],{"id":272},"ai-content-assistant","🤖",[75,275,276],{},"AI Content Assistant",[71,278,279],{},"Get smart, AI-powered suggestions to improve and speed up content creation.",[119,281,283,284],{"id":282},"community-driven-features","💡",[75,285,286],{},"Community-driven Features",[71,288,289],{},"Have an idea? Share your feedback and help shape the future of Nuxt Studio.",{"title":291,"searchDepth":292,"depth":292,"links":293},"",2,[294,295,322],{"id":98,"depth":292,"text":99},{"id":116,"depth":292,"text":117,"children":296},[297,300,302,304,306,308,310,312,314,316,318,320],{"id":121,"depth":298,"text":299},3,"✨ TipTap Visual Editor",{"id":131,"depth":298,"text":301},"💻 Monaco Code Editor",{"id":141,"depth":298,"text":303},"📝 Form-based Editor",{"id":151,"depth":298,"text":305},"🎨  Vue Component Props Editor",{"id":161,"depth":298,"text":307},"🔄 Real-time Preview",{"id":171,"depth":298,"text":309},"🔐 Multi-provider Authentication",{"id":181,"depth":298,"text":311},"🔑 Custom Authentication",{"id":191,"depth":298,"text":313},"📝 File Management",{"id":207,"depth":298,"text":315},"🖼 Media Management",{"id":217,"depth":298,"text":317},"🌳 Git Integration",{"id":227,"depth":298,"text":319},"🚀 Development Mode",{"id":237,"depth":298,"text":321},"🌍 Internationalization",{"id":247,"depth":292,"text":250,"children":323},[324,326,328,330],{"id":253,"depth":298,"text":325},"📂 Collections View",{"id":263,"depth":298,"text":327},"🖼 Media Optimization",{"id":272,"depth":298,"text":329},"🤖AI Content Assistant",{"id":282,"depth":298,"text":331},"💡Community-driven Features","Edit your Nuxt Content website directly in production with the self-hosted Studio web editor.","md",null,{"icon":336},{"i-lucide-mouse-pointer-2 title":337,"seo":338},"Web Editor",{"title":339,"description":340},"Nuxt Studio module","Learn how to use the self-hosted Nuxt Studio web editor to manage content directly in production with real-time preview and GitHub, GitLab and Google integration.",{"icon":29,"title":26},{"title":343,"description":340},"Nuxt Studio Web Editor","UNxh1TqKdxvvDYwezdkqeKk0UjJpPvgUExbeAFkvpzk",[346,348],{"title":21,"path":22,"stem":23,"description":347,"icon":24,"children":-1},"Learn about the project structure of Docus v4.",{"title":31,"path":32,"stem":33,"description":349,"icon":34,"children":-1}," How to migrate your documentation from an existing Markdown solution to Docus",1775886691356]