[{"data":1,"prerenderedAt":299},["ShallowReactive",2],{"navigation_docs_en":3,"-en-guide-tina-cloud":88,"-en-guide-tina-cloud-surround":294},[4,18,51],{"title":5,"path":6,"stem":7,"children":8,"page":17},"Getting Started","\u002Fen\u002Fgetting-started","en\u002F1.getting-started",[9,13],{"title":10,"path":11,"stem":12},"Introduction","\u002Fen\u002Fgetting-started\u002Fintroduction","en\u002F1.getting-started\u002F1.introduction",{"title":14,"path":15,"stem":16},"Installation & Setup","\u002Fen\u002Fgetting-started\u002Finstallation","en\u002F1.getting-started\u002F2.installation",false,{"title":19,"path":20,"stem":21,"children":22,"page":17},"Guide","\u002Fen\u002Fguide","en\u002F2.guide",[23,27,31,35,39,43,47],{"title":24,"path":25,"stem":26},"Contextual Editing","\u002Fen\u002Fguide\u002Fcontextual-editing","en\u002F2.guide\u002F1.contextual-editing",{"title":28,"path":29,"stem":30},"Preview Mode","\u002Fen\u002Fguide\u002Fpreview-mode","en\u002F2.guide\u002F2.preview-mode",{"title":32,"path":33,"stem":34},"Tina Cloud & Editing Modes","\u002Fen\u002Fguide\u002Ftina-cloud","en\u002F2.guide\u002F3.tina-cloud",{"title":36,"path":37,"stem":38},"Nuxt Content Compatibility","\u002Fen\u002Fguide\u002Fnuxt-content","en\u002F2.guide\u002F4.nuxt-content",{"title":40,"path":41,"stem":42},"Media","\u002Fen\u002Fguide\u002Fmedia","en\u002F2.guide\u002F5.media",{"title":44,"path":45,"stem":46},"Advanced Rich-Text","\u002Fen\u002Fguide\u002Frich-text-advanced","en\u002F2.guide\u002F6.rich-text-advanced",{"title":48,"path":49,"stem":50},"Deployment","\u002Fen\u002Fguide\u002Fdeployment","en\u002F2.guide\u002F7.deployment",{"title":52,"path":53,"stem":54,"children":55,"page":17},"Api","\u002Fen\u002Fapi","en\u002F3.api",[56,60,64,68,72,76,80,84],{"title":57,"path":58,"stem":59},"useTina()","\u002Fen\u002Fapi\u002Fuse-tina","en\u002F3.api\u002F1.use-tina",{"title":61,"path":62,"stem":63},"useTinaBridge()","\u002Fen\u002Fapi\u002Fuse-tina-bridge","en\u002F3.api\u002F2.use-tina-bridge",{"title":65,"path":66,"stem":67},"useTinaPreview()","\u002Fen\u002Fapi\u002Fuse-tina-preview","en\u002F3.api\u002F3.use-tina-preview",{"title":69,"path":70,"stem":71},"\u003CTinaProvider>","\u002Fen\u002Fapi\u002Ftina-provider","en\u002F3.api\u002F4.tina-provider",{"title":73,"path":74,"stem":75},"\u003CTinaMarkdown>","\u002Fen\u002Fapi\u002Ftina-markdown","en\u002F3.api\u002F5.tina-markdown",{"title":77,"path":78,"stem":79},"\u003CTinaMermaid>","\u002Fen\u002Fapi\u002Ftina-mermaid","en\u002F3.api\u002F6.tina-mermaid",{"title":81,"path":82,"stem":83},"Module Configuration","\u002Fen\u002Fapi\u002Fconfiguration","en\u002F3.api\u002F7.configuration",{"title":85,"path":86,"stem":87},"Field Types","\u002Fen\u002Fapi\u002Ffield-types","en\u002F3.api\u002F8.field-types",{"id":89,"title":32,"body":90,"description":287,"extension":288,"links":289,"meta":290,"navigation":291,"path":33,"seo":292,"stem":34,"__hash__":293},"docs_en\u002Fen\u002F2.guide\u002F3.tina-cloud.md",{"type":91,"value":92,"toc":283},"minimark",[93,98,128,152,158,178,205,209,215,276,279],[94,95,97],"h2",{"id":96},"setting-up-tina-cloud","Setting up Tina Cloud",[99,100,101,113,125],"ol",{},[102,103,104,105,112],"li",{},"Create a project at ",[106,107,111],"a",{"href":108,"rel":109},"https:\u002F\u002Fapp.tina.io",[110],"nofollow","app.tina.io"," and connect your GitHub repo.",[102,114,115,116,120,121,124],{},"Copy the ",[117,118,119],"strong",{},"Client ID"," and ",[117,122,123],{},"Read-only Token"," from the project dashboard.",[102,126,127],{},"Save them as environment variables:",[129,130,135],"pre",{"className":131,"code":132,"language":133,"meta":134,"style":134},"language-env shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NUXT_TINA_CLIENT_ID=\u003Cyour-client-id>\nNUXT_TINA_TOKEN=\u003Cyour-token>\n","env","",[136,137,138,146],"code",{"__ignoreMap":134},[139,140,143],"span",{"class":141,"line":142},"line",1,[139,144,145],{},"NUXT_TINA_CLIENT_ID=\u003Cyour-client-id>\n",[139,147,149],{"class":141,"line":148},2,[139,150,151],{},"NUXT_TINA_TOKEN=\u003Cyour-token>\n",[99,153,155],{"start":154},4,[102,156,157],{},"Build the production admin (not local dev mode):",[129,159,163],{"className":160,"code":161,"language":162,"meta":134,"style":134},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx tinacms build\n","bash",[136,164,165],{"__ignoreMap":134},[139,166,167,171,175],{"class":141,"line":142},[139,168,170],{"class":169},"sBMFI","npx",[139,172,174],{"class":173},"sfazB"," tinacms",[139,176,177],{"class":173}," build\n",[179,180,181,184,185,188,189,192,193,196,197,200,201,204],"p",{},[136,182,183],{},"tinacms dev"," ",[117,186,187],{},"always"," shows a \"You are in local mode\" banner regardless of ",[136,190,191],{},"clientId",": that's not a bug, it's the CLI's behavior. The real Tina Cloud login only shows up in a production build (",[136,194,195],{},"tinacms build"," without ",[136,198,199],{},"--local",", then deployed or run via ",[136,202,203],{},"nuxi build && nuxi preview",").",[94,206,208],{"id":207},"two-editing-modes","Two editing modes",[179,210,211,214],{},[136,212,213],{},"nuxt-tina"," doesn't \"replace\" Tina's built-in editor. These two modes run independently:",[216,217,218,234],"table",{},[219,220,221],"thead",{},[222,223,224,228,231],"tr",{},[225,226,227],"th",{},"Mode",[225,229,230],{},"URL",[225,232,233],{},"Needs our bridge?",[235,236,237,254],"tbody",{},[222,238,239,246,251],{},[240,241,242,245],"td",{},[117,243,244],{},"Basic CMS"," (stable)",[240,247,248],{},[136,249,250],{},"\u002Fadmin#\u002Fcollections\u002F\u003Cname>\u002Fedit\u002F\u003Cfile>",[240,252,253],{},"No: the form reads\u002Fwrites directly to the local data layer",[222,255,256,262,267],{},[240,257,258,261],{},[117,259,260],{},"Visual\u002Fcontextual"," (experimental)",[240,263,264],{},[136,265,266],{},"\u002Fadmin#\u002F~\u002F\u003Cpage-path>",[240,268,269,270,272,273],{},"Yes: uses ",[136,271,57],{}," + ",[136,274,275],{},"data-tina-field",[179,277,278],{},"If visual editing feels unstable in your project, basic CMS mode still works fully as a fallback.",[280,281,282],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":134,"searchDepth":148,"depth":148,"links":284},[285,286],{"id":96,"depth":148,"text":97},{"id":207,"depth":148,"text":208},"Setting up Tina Cloud auth, and two editing modes: basic CMS vs visual\u002Fcontextual.","md",null,{},true,{"title":32,"description":287},"i6qcCFAZttQT2JjUdvUIQAEssDMxTFLz-tCablZiwAI",[295,297],{"title":28,"path":29,"stem":30,"description":296,"children":-1},"Nuxt's usePreviewMode() and how it differs from the visual editing bridge.",{"title":36,"path":37,"stem":38,"description":298,"children":-1},"nuxt-tina works standalone: this covers the optional, manual bridge to @nuxt\u002Fcontent.",1789757557507]