[{"data":1,"prerenderedAt":457},["ShallowReactive",2],{"navigation_docs":3,"landing":49},[4,9,14,19,24,29,34,39,44],{"title":5,"path":6,"stem":7,"icon":8},"Introduction","\u002Fintroduction","1.introduction","i-lucide-monitor",{"title":10,"path":11,"stem":12,"icon":13},"Setup","\u002Fsetup","2.setup","i-lucide-play",{"title":15,"path":16,"stem":17,"icon":18},"Git Providers","\u002Fgit-providers","3.git-providers","i-lucide-git-branch",{"title":20,"path":21,"stem":22,"icon":23},"Auth Providers","\u002Fauth-providers","4.auth-providers","i-lucide-shield-check",{"title":25,"path":26,"stem":27,"icon":28},"Content Editors","\u002Fcontent","5.content","i-lucide-pen-tool",{"title":30,"path":31,"stem":32,"icon":33},"Media Library","\u002Fmedias","6.medias","i-lucide-image",{"title":35,"path":36,"stem":37,"icon":38},"AI Features","\u002Fai","7.ai","i-lucide-sparkles",{"title":40,"path":41,"stem":42,"icon":43},"Roadmap","\u002Froadmap","8.roadmap","i-lucide-map",{"title":45,"path":46,"stem":47,"icon":48},"Advanced","\u002Fadvanced","9.advanced","i-lucide-settings",{"id":50,"title":51,"body":52,"description":51,"extension":448,"meta":449,"navigation":450,"path":451,"seo":452,"stem":455,"__hash__":456},"landing\u002Findex.md","",{"type":53,"value":54,"toc":445},"minimark",[55,110,197,227,276,328,370,417],[56,57,59,68,83,97,100],"u-page-hero",{"orientation":58},"horizontal",[60,61,62],"browser-frame",{},[63,64],"video",{":controls":65,":loop":65,"src":66,"poster":67},"true","https:\u002F\u002Fres.cloudinary.com\u002Fnuxt\u002Fvideo\u002Fupload\u002Fv1767647099\u002Fstudio\u002Fstudio-demo_eiofld.mp4","\u002Fvideo-thumbnail.jpg",[69,70,71],"template",{"v-slot:headline":51},[72,73,82],"u-button",{"to":74,"variant":75,"size":76,"target":77,"trailing-icon":78,"className":79},"https:\u002F\u002Fgithub.com\u002Fnuxt-content\u002Fstudio","outline","sm","_blank","i-lucide-arrow-right",[80,81],"mb-3","rounded-full","Open Source & Self-hosted",[69,84,85,86,92,93,96],{"v-slot:title":51},"Edit your ",[87,88,91],"span",{"className":89},[90],"text-primary","Nuxt"," ",[94,95],"br",{}," website in production.",[69,98,99],{"v-slot:description":51},"Self-hosted CMS for Nuxt Content websites. Edit content visually, manage media, and publish changes directly to Git from your production site.",[69,101,102,106],{"v-slot:links":51},[72,103],{"to":6,"label":104,"trailingIcon":78,"size":105},"Get Started","lg",[107,108],"u-input-copy",{"value":109},"npx nuxi module add nuxt-studio",[111,112,116],"u-container",{"className":113},[114,115],"pb-12","xl:pb-24",[117,118,119,129,138,145,153,161,170,179,188],"u-page-grid",{},[120,121,122,126],"u-page-feature",{"icon":28},[69,123,125],{"unwrap":124,"v-slot:title":51},"p","Visual Editor",[69,127,128],{"unwrap":124,"v-slot:description":51},"Notion-like editing with MDC component support. Insert Vue components and drag-and-drop blocks.",[120,130,132,135],{"icon":131},"i-lucide-form-input",[69,133,134],{"unwrap":124,"v-slot:title":51},"Schema-based Forms",[69,136,137],{"unwrap":124,"v-slot:description":51},"Auto-generated forms for Frontmatter and YAML\u002FJSON files based on your collection schema.",[120,139,140,142],{"icon":33},[69,141,30],{"unwrap":124,"v-slot:title":51},[69,143,144],{"unwrap":124,"v-slot:description":51},"Centralized media management. Browse folders, upload files, and insert images directly.",[120,146,147,150],{"icon":18},[69,148,149],{"unwrap":124,"v-slot:title":51},"Git Integration",[69,151,152],{"unwrap":124,"v-slot:description":51},"Commit changes directly to GitHub or GitLab. Your CI\u002FCD pipeline handles the rest.",[120,154,155,158],{"icon":23},[69,156,157],{"unwrap":124,"v-slot:title":51},"Flexible Auth",[69,159,160],{"unwrap":124,"v-slot:description":51},"Secure access with GitHub, GitLab, or Google OAuth. Or implement your own auth flow.",[120,162,164,167],{"icon":163},"i-lucide-eye",[69,165,166],{"unwrap":124,"v-slot:title":51},"Real-time Preview",[69,168,169],{"unwrap":124,"v-slot:description":51},"See changes instantly on your production website. Drafts are stored locally until published.",[120,171,173,176],{"icon":172},"i-lucide-languages",[69,174,175],{"unwrap":124,"v-slot:title":51},"Multi languages",[69,177,178],{"unwrap":124,"v-slot:description":51},"Full i18n support for the Studio interface. Available in 25+ languages.",[120,180,182,185],{"icon":181},"i-lucide-server",[69,183,184],{"unwrap":124,"v-slot:title":51},"Self-hosted",[69,186,187],{"unwrap":124,"v-slot:description":51},"Deploy on your own infrastructure with no external dependencies. Free forever under MIT.",[120,189,191,194],{"icon":190},"i-lucide-file-code",[69,192,193],{"unwrap":124,"v-slot:title":51},"Code Editor",[69,195,196],{"unwrap":124,"v-slot:description":51},"Monaco editor for Markdown, MDC, YAML, and JSON files. Switch between visual and code modes.",[198,199,200,203],"u-page-section",{},[69,201,202],{"v-slot:title":51},"Everything you need for content editing",[69,204,205,206,210,211,214,215,218,219,222,223,226],{"v-slot:description":51},"Edit ",[207,208,209],"strong",{},"Markdown"," with ",[207,212,213],{},"Vue"," components, structure data using ",[207,216,217],{},"YAML"," and ",[207,220,221],{},"JSON"," forms, manage media assets and publish directly to ",[207,224,225],{},"Git",". All from your live production website.",[198,228,229,240,246,249,268],{"orientation":58,":reverse":65},[60,230,231],{},[232,233],"img",{"alt":234,"className":235,"height":237,"src":238,"width":239},"Visual Markdown Editor",[236],"rounded-none",900,"\u002Fstudio\u002Fvisual-markdown-editor.webp",1440,[69,241,242,243],{"v-slot:title":51},"Notion-like ",[87,244,125],{"className":245},[90],[69,247,248],{"v-slot:description":51},"A powerful editor built on TipTap that enables natural content creation while automatically generating complete MDC syntax behind the scenes. Integrate interactive components directly within your content.",[69,250,251,257,263],{"v-slot:features":51},[120,252,254],{"icon":253},"i-lucide-puzzle",[69,255,256],{"unwrap":124,"v-slot:title":51},"Insert Vue components with props and slots",[120,258,260],{"icon":259},"i-lucide-move",[69,261,262],{"unwrap":124,"v-slot:title":51},"Drag and drop content blocks",[120,264,265],{"icon":163},[69,266,267],{"unwrap":124,"v-slot:title":51},"Real-time preview on your production site",[69,269,270],{"v-slot:links":51},[72,271],{"to":26,"label":272,"variant":273,"color":274,"trailingIcon":78,"size":105,"target":77,"icon":275},"Learn more about the Visual Editor","subtle","neutral","i-simple-icons-github",[198,277,278,284,291,302,322],{"orientation":58},[60,279,280],{},[232,281],{"alt":134,"className":282,"height":237,"src":283,"width":239},[236],"\u002Fstudio\u002Fjson-yml-forms.webp",[69,285,286,290],{"v-slot:title":51},[87,287,289],{"className":288},[90],"Schema-based"," Forms",[69,292,293,294,301],{"v-slot:description":51},"Forms are automatically generated from your ",[295,296,300],"a",{"href":297,"rel":298},"https:\u002F\u002Fcontent.nuxt.com",[299],"nofollow","Nuxt Content"," collection schema. Edit frontmatter, YAML, and JSON files with a beautiful form interface.",[69,303,304,310,316],{"v-slot:features":51},[120,305,307],{"icon":306},"i-lucide-layout-grid",[69,308,309],{"unwrap":124,"v-slot:title":51},"Auto-generated from collection schema",[120,311,313],{"icon":312},"i-lucide-file-json",[69,314,315],{"unwrap":124,"v-slot:title":51},"YAML and JSON support",[120,317,319],{"icon":318},"i-lucide-list",[69,320,321],{"unwrap":124,"v-slot:title":51},"Frontmatter edition",[69,323,324],{"v-slot:links":51},[72,325],{"to":326,"label":327,"variant":273,"color":274,"trailingIcon":78},"\u002Fcontent#form-editor","Learn more about Forms",[198,329,330,337,344,347,365],{"orientation":58,":reverse":65},[60,331,332],{},[232,333],{"alt":334,"className":335,"height":237,"src":336,"width":239},"GitHub Sync",[236],"\u002Fstudio\u002Fgithub-sync.webp",[69,338,339,340,343],{"v-slot:title":51},"Commit to ",[87,341,225],{"className":342},[90]," directly",[69,345,346],{"v-slot:description":51},"Publish changes directly to GitHub or GitLab from your production site. Your CI\u002FCD pipeline automatically rebuilds and deploys the updated content.",[69,348,349,354,359],{"v-slot:features":51},[120,350,351],{"icon":275},[69,352,353],{"unwrap":124,"v-slot:title":51},"GitHub and GitLab support",[120,355,356],{"icon":23},[69,357,358],{"unwrap":124,"v-slot:title":51},"Flexible OAuth authentication",[120,360,362],{"icon":361},"i-lucide-workflow",[69,363,364],{"unwrap":124,"v-slot:title":51},"Triggers your CI\u002FCD pipeline",[69,366,367],{"v-slot:links":51},[72,368],{"to":16,"label":369,"variant":273,"color":274,"trailingIcon":78},"Configure Git providers",[198,371,372,377,384,393,412],{"orientation":58},[60,373,374],{},[63,375],{":controls":65,":loop":65,"src":376,":muted":65},"https:\u002F\u002Fres.cloudinary.com\u002Fnuxt\u002Fvideo\u002Fupload\u002Fv1770661582\u002Fstudio\u002Fstudio-ai_bsmqs6.mp4",[69,378,379,383],{"v-slot:title":51},[87,380,382],{"className":381},[90],"AI Powered"," content generation",[69,385,386,387,392],{"v-slot:description":51},"Leverage ",[295,388,391],{"href":389,"rel":390},"https:\u002F\u002Fvercel.com\u002Fai-gateway",[299],"Vercel AI Gateway"," to automatically generate and refine your content. The system intelligently adapts based on your project context, cursor position, active components, and overall project architecture.",[69,394,395,400,406],{"v-slot:features":51},[120,396,397],{"icon":38},[69,398,399],{"unwrap":124,"v-slot:title":51},"Built-in features (grammar check, improvements, translation...)",[120,401,403],{"icon":402},"i-lucide-brain",[69,404,405],{"unwrap":124,"v-slot:title":51},"Contextualized autocompletion",[120,407,409],{"icon":408},"i-lucide-plug",[69,410,411],{"unwrap":124,"v-slot:title":51},"One environment variable setup",[69,413,414],{"v-slot:links":51},[72,415],{"to":36,"label":416,"variant":273,"color":274,"trailingIcon":78},"Learn more about AI integration",[418,419,423,431],"div",{"className":420},[421,422],"relative","min-h-[400px]",[418,424,428],{"className":425},[426,427],"hidden","md:block",[429,430],"cta-background",{},[198,432,435,438],{"className":433},[421,434],"z-10",[69,436,437],{"v-slot:title":51},"Start editing your Nuxt website today.",[69,439,440,442],{"v-slot:links":51},[72,441],{"to":6,"label":104,"trailing-icon":78},[72,443,444],{"to":74,"variant":75,"color":274,"target":77,"icon":275},"Star on GitHub",{"title":51,"searchDepth":446,"depth":446,"links":447},2,[],"md",{},true,"\u002F",{"title":453,"description":454},"Edit your Nuxt Content website in production","Self-hosted, open-source CMS for Nuxt Content websites. Edit content visually, manage media, and publish directly to Git from your production site.","index","2GK29uRPjpLyLIjMe2pe-6BGUGgQYkqDVF2u4Mn7B8M",1778168232979]