[{"data":1,"prerenderedAt":313},["ShallowReactive",2],{"navigation_docs_id":3,"-id-guide-deployment":88,"-id-guide-deployment-surround":308},[4,18,51],{"title":5,"path":6,"stem":7,"children":8,"page":17},"Getting Started","\u002Fid\u002Fgetting-started","id\u002F1.getting-started",[9,13],{"title":10,"path":11,"stem":12},"Pengenalan","\u002Fid\u002Fgetting-started\u002Fintroduction","id\u002F1.getting-started\u002F1.introduction",{"title":14,"path":15,"stem":16},"Instalasi & Konfigurasi","\u002Fid\u002Fgetting-started\u002Finstallation","id\u002F1.getting-started\u002F2.installation",false,{"title":19,"path":20,"stem":21,"children":22,"page":17},"Guide","\u002Fid\u002Fguide","id\u002F2.guide",[23,27,31,35,39,43,47],{"title":24,"path":25,"stem":26},"Contextual Editing","\u002Fid\u002Fguide\u002Fcontextual-editing","id\u002F2.guide\u002F1.contextual-editing",{"title":28,"path":29,"stem":30},"Preview Mode","\u002Fid\u002Fguide\u002Fpreview-mode","id\u002F2.guide\u002F2.preview-mode",{"title":32,"path":33,"stem":34},"Tina Cloud & Mode Editing","\u002Fid\u002Fguide\u002Ftina-cloud","id\u002F2.guide\u002F3.tina-cloud",{"title":36,"path":37,"stem":38},"Kompatibilitas Nuxt Content","\u002Fid\u002Fguide\u002Fnuxt-content","id\u002F2.guide\u002F4.nuxt-content",{"title":40,"path":41,"stem":42},"Media","\u002Fid\u002Fguide\u002Fmedia","id\u002F2.guide\u002F5.media",{"title":44,"path":45,"stem":46},"Rich-Text Lanjutan","\u002Fid\u002Fguide\u002Frich-text-advanced","id\u002F2.guide\u002F6.rich-text-advanced",{"title":48,"path":49,"stem":50},"Deployment","\u002Fid\u002Fguide\u002Fdeployment","id\u002F2.guide\u002F7.deployment",{"title":52,"path":53,"stem":54,"children":55,"page":17},"Api","\u002Fid\u002Fapi","id\u002F3.api",[56,60,64,68,72,76,80,84],{"title":57,"path":58,"stem":59},"useTina()","\u002Fid\u002Fapi\u002Fuse-tina","id\u002F3.api\u002F1.use-tina",{"title":61,"path":62,"stem":63},"useTinaBridge()","\u002Fid\u002Fapi\u002Fuse-tina-bridge","id\u002F3.api\u002F2.use-tina-bridge",{"title":65,"path":66,"stem":67},"useTinaPreview()","\u002Fid\u002Fapi\u002Fuse-tina-preview","id\u002F3.api\u002F3.use-tina-preview",{"title":69,"path":70,"stem":71},"\u003CTinaProvider>","\u002Fid\u002Fapi\u002Ftina-provider","id\u002F3.api\u002F4.tina-provider",{"title":73,"path":74,"stem":75},"\u003CTinaMarkdown>","\u002Fid\u002Fapi\u002Ftina-markdown","id\u002F3.api\u002F5.tina-markdown",{"title":77,"path":78,"stem":79},"\u003CTinaMermaid>","\u002Fid\u002Fapi\u002Ftina-mermaid","id\u002F3.api\u002F6.tina-mermaid",{"title":81,"path":82,"stem":83},"Konfigurasi Module","\u002Fid\u002Fapi\u002Fconfiguration","id\u002F3.api\u002F7.configuration",{"title":85,"path":86,"stem":87},"Tipe Field","\u002Fid\u002Fapi\u002Ffield-types","id\u002F3.api\u002F8.field-types",{"id":89,"title":48,"body":90,"description":301,"extension":302,"links":303,"meta":304,"navigation":305,"path":49,"seo":306,"stem":50,"__hash__":307},"docs_id\u002Fid\u002F2.guide\u002F7.deployment.md",{"type":91,"value":92,"toc":296},"minimark",[93,114,119,133,164,180,184,187,211,214,234,250,254,292],[94,95,97],"div",{"dataTinaFieldWarning":96},"",[98,99,100,104,105,109,110,113],"p",{},[101,102,103],"strong",{},"Belum diverifikasi independen di deploy live."," Panduan ini berdasarkan gimana ",[106,107,108],"code",{},"tinacms build"," \u002F ",[106,111,112],{},"nuxt build"," jalan di lokal, plus konvensi standar hosting provider: bukan konfirmasi dari deploy production aplikasi yang beneran pakai module ini. Kalau ada langkah yang ternyata salah pas kamu coba, kabarin biar halaman ini bisa dibenerin.",[115,116,118],"h2",{"id":117},"build-command","Build command",[98,120,121,122,125,126,128,129,132],{},"Beda sama dev (",[106,123,124],{},"tinacms dev -c \"nuxt dev\"",", yang selalu jalan di mode lokal), build production butuh ",[106,127,108],{}," (bukan ",[106,130,131],{},"dev",") biar admin-nya dibangun jadi static bundle yang konek ke Tina Cloud, bukan mode lokal:",[134,135,139],"pre",{"className":136,"code":137,"language":138,"meta":96,"style":96},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","tinacms build && nuxt build\n","bash",[106,140,141],{"__ignoreMap":96},[142,143,146,150,154,158,161],"span",{"class":144,"line":145},"line",1,[142,147,149],{"class":148},"sBMFI","tinacms",[142,151,153],{"class":152},"sfazB"," build",[142,155,157],{"class":156},"sMK4o"," &&",[142,159,160],{"class":148}," nuxt",[142,162,163],{"class":152}," build\n",[98,165,166,168,169,172,173,176,177,179],{},[106,167,108],{}," bikin ",[106,170,171],{},"tina\u002F__generated__\u002Fclient.ts"," (dipakai server route kamu) dan admin production bundle (di-serve dari ",[106,174,175],{},"public\u002Fadmin\u002F","), terus ",[106,178,112],{}," bangun aplikasi Nuxt-nya sendiri.",[115,181,183],{"id":182},"environment-variables","Environment variables",[98,185,186],{},"Set ini di hosting provider kamu (environment production dan preview):",[134,188,192],{"className":189,"code":190,"language":191,"meta":96,"style":96},"language-env shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","NUXT_TINA_CLIENT_ID=\nNUXT_TINA_TOKEN=\nNUXT_TINA_BRANCH=main\n","env",[106,193,194,199,205],{"__ignoreMap":96},[142,195,196],{"class":144,"line":145},[142,197,198],{},"NUXT_TINA_CLIENT_ID=\n",[142,200,202],{"class":144,"line":201},2,[142,203,204],{},"NUXT_TINA_TOKEN=\n",[142,206,208],{"class":144,"line":207},3,[142,209,210],{},"NUXT_TINA_BRANCH=main\n",[98,212,213],{},"Kalau kamu juga pakai Cloudinary:",[134,215,217],{"className":189,"code":216,"language":191,"meta":96,"style":96},"NUXT_TINA_CLOUDINARY_CLOUD_NAME=\nNUXT_TINA_CLOUDINARY_API_KEY=\nNUXT_TINA_CLOUDINARY_API_SECRET=\n",[106,218,219,224,229],{"__ignoreMap":96},[142,220,221],{"class":144,"line":145},[142,222,223],{},"NUXT_TINA_CLOUDINARY_CLOUD_NAME=\n",[142,225,226],{"class":144,"line":201},[142,227,228],{},"NUXT_TINA_CLOUDINARY_API_KEY=\n",[142,230,231],{"class":144,"line":207},[142,232,233],{},"NUXT_TINA_CLOUDINARY_API_SECRET=\n",[98,235,236,237,242,243,245,246,249],{},"Lihat ",[238,239,241],"a",{"href":240},"\u002Fguide\u002Fmedia","Media & Cloudinary"," buat gambaran lengkapnya: Cloudinary butuh beberapa env var lagi selain ini, dibaca sama CLI ",[106,244,149],{}," dan ",[106,247,248],{},"next-tinacms-cloudinary"," dengan konvensi naming masing-masing.",[115,251,253],{"id":252},"yang-perlu-dicek-pas-deploy-beneran","Yang perlu dicek pas deploy beneran",[255,256,257,268,279],"ul",{},[258,259,260,261,264,265,267],"li",{},"Pastiin ",[106,262,263],{},"\u002Fadmin\u002Findex.html"," ke-serve dengan benar sebagai static asset dari ",[106,266,175],{}," di environment hosting provider kamu.",[258,269,270,271,274,275,278],{},"Pastiin login Tina Cloud-nya beneran muncul (bukan \"local mode\"), itu sinyal utama kalau build production-nya udah dikonfigurasi dengan benar, sama seperti yang udah diverifikasi lokal di ",[238,272,32],{"href":273},"\u002Fguide\u002Ftina-cloud"," lewat ",[106,276,277],{},"nuxi preview",", tapi belum di hosting provider yang beneran.",[258,280,281,282,285,286,245,288,291],{},"Kalau kamu deploy di dalam monorepo (module + app di repo yang sama, atau ",[106,283,284],{},"tina\u002Fconfig.ts"," di luar root app-nya), setting root directory \u002F build command di provider kamu kemungkinan perlu disesuaikan biar ",[106,287,284],{},[106,289,290],{},"content\u002F"," bisa dijangkau dari build step-nya.",[293,294,295],"style",{},"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}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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);}",{"title":96,"searchDepth":201,"depth":201,"links":297},[298,299,300],{"id":117,"depth":201,"text":118},{"id":182,"depth":201,"text":183},{"id":252,"depth":201,"text":253},"Build admin production, dan apa yang perlu diset di hosting provider kamu.","md",null,{},true,{"title":48,"description":301},"kwbkJadsS62-Wo6wVJtBewZPt2ez9b0ClLF5uI-1LjU",[309,311],{"title":44,"path":45,"stem":46,"description":310,"children":-1},"Diagram Mermaid dan custom template di field rich-text, plus satu gotcha soal parser-nya.",{"title":57,"path":58,"stem":59,"description":312,"children":-1},"Referensi API buat composable useTina().",1789757555337]