https://www.back4app.com/_next/static/chunks/pages/apa-itu-backend-sebagai-layanan-baas-69e2295bb52bc967.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82597],{252636:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/apa-itu-backend-sebagai-layanan-baas",function(){return t(705312)}])},702478:function(e,a,t){"use strict";var s=t(785893),n=t(667294),r=function(e){var a=e.className;return(0,s.jsx)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M6 9L12 15L18 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},i=function(e){var a=e.title,t=e.subtitle,i=e.desc,l=(0,n.useState)(!1),o=l[0],c=l[1],d=(0,n.useState)("0px"),x=d[0],m=d[1],$=(0,n.useRef)(null),p=function(){c(!o),m(o?"0px":"".concat($.current.scrollHeight,"px"))};return(0,s.jsx)("div",{className:"lg:max-w-[61.875rem] mx-auto px-5 md:px-[2rem] lg:px-[3rem] desktop:px-0 mb-3",children:(0,s.jsxs)("div",{className:"group relative rounded-xl overflow-hidden transition-all duration-300 ".concat(o?"bg-white/[0.05]":"bg-white/[0.02] hover:bg-white/[0.04]"),children:[(0,s.jsx)("div",{className:"absolute inset-0 rounded-xl border transition-colors duration-300 pointer-events-none ".concat(o?"border-[#27AE60]/30":"border-white/[0.08] group-hover:border-white/[0.12]")}),(0,s.jsxs)("div",{className:"relative z-10 flex justify-between items-center cursor-pointer py-4 px-5 lg:px-6",onClick:p,children:[(0,s.jsxs)("div",{className:"pr-4",children:[(0,s.jsx)("h2",{className:"font-primary font-semibold text-base lg:text-lg leading-140 transition-colors duration-300 ".concat(o?"text-[#27AE60]":"text-white group-hover:text-white/90"),children:a}),t&&(0,s.jsx)("p",{className:"text-sm text-[#208AEC] font-medium mt-1",children:t})]}),(0,s.jsx)("div",{className:"flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full transition-all duration-300 ".concat(o?"bg-[#27AE60]/20 text-[#27AE60] rotate-180":"bg-white/[0.05] text-white/60 group-hover:text-white/80"),children:(0,s.jsx)(r,{className:"w-4 h-4"})})]}),(0,s.jsx)("div",{ref:$,style:{maxHeight:x},className:"overflow-hidden transition-all duration-500 ease-in-out",children:(0,s.jsx)("div",{className:"px-5 lg:px-6 pb-5 font-secondary text-sm text-white/70 leading-relaxed",children:i})})]})})};a.Z=i},960633:function(e,a,t){"use strict";var s=t(785893),n=t(809008),r=t.n(n),i=function(e){var a,t,n=e.title,i=e.descriptionText,l=e.keywordText,o=e.path,c=e.ogDescText,d=e.twitterDescText,x=e.ogLocale,m=e.templateLocale,$=null!=m&&""!==String(m).trim()?(a=String(m),({en:"en_US",pt:"pt_BR",es:"es_ES",de:"de_DE",it:"it_IT",fr:"fr_FR",ru:"ru_RU",ja:"ja_JP",ko:"ko_KR",zh:"zh_CN","zh-TW":"zh_TW",id:"id_ID",tr:"tr_TR",th:"th_TH"})[t=String(a||"").trim()]||"en_US"):void 0===x?"en_US":x;return(0,s.jsxs)(r(),{children:[(0,s.jsx)("title",{children:n}),(0,s.jsx)("meta",{name:"description",content:i}),(0,s.jsx)("meta",{name:"author",content:"Back4app Inc"}),(0,s.jsx)("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/_public/favicon-32x32.png"}),(0,s.jsx)("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/_public/favicon-16x16.png"}),(0,s.jsx)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/_public/apple-touch-icon.png"}),(0,s.jsx)("link",{rel:"icon",type:"image/x-icon",href:"/_public/favicon.ico"}),o?(0,s.jsx)("link",{rel:"canonical",href:o}):null,(0,s.jsx)("meta",{name:"keywords",content:l}),(0,s.jsx)("meta",{property:"og:locale",content:$}),(0,s.jsx)("meta",{property:"og:type",content:"website"}),(0,s.jsx)("meta",{property:"og:title",content:(void 0===c?"":c)||n}),(0,s.jsx)("meta",{property:"og:description",content:i}),(0,s.jsx)("meta",{property:"og:url",content:o}),(0,s.jsx)("meta",{property:"og:site_name",content:"Back4app™"}),(0,s.jsx)("meta",{property:"og:image",content:"https://www.back4app.com/_public/img/back4app-og.png"}),(0,s.jsx)("meta",{property:"fb:app_id",content:"500748560091545"}),(0,s.jsx)("meta",{property:"fb:admins",content:"1105590154"}),(0,s.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("meta",{name:"twitter:title",content:n}),(0,s.jsx)("meta",{name:"twitter:description",content:(void 0===d?"":d)||i}),(0,s.jsx)("meta",{name:"twitter:url",content:o}

1),(0,s.jsx)("meta",{name:"twitter:image:src",content:"https://www.back4app.com/_public/img/back4app-og.png"}),(0,s.jsx)("meta",{name:"twitter:site",content:"@back4app"}),(0,s.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"Corporation",name:"Back4app",description:"Back4app - Low-code backend to build modern apps",logo:"https://www.back4app.com/_public/img/back4app-logo.png",address:{"@type":"PostalAddress",addressCountry:"USA",addressLocality:"Sunnyvale",addressRegion:"CA",postalCode:"94085",streetAddress:"440 N Wolfe Road"},email:"mailto:[email protected]",url:"https://www.back4app.com/",sameAs:["https://twitter.com/back4app","https://www.youtube.com/@Back4App","https://github.com/back4app","https://www.facebook.com/back4app","https://www.linkedin.com/company/back4app","https://instagram.com/back4app/_"]})}})]})};a.Z=i},705312:function(e,a,t){"use strict";t.r(a),t.d(a,{__N_SSG:function(){return I}});var s=t(414924),n=t(626042),r=t(269396),i=t(785893),l=t(667294),o=t(741664),c=t.n(o),d=t(425675),x=t.n(d),m=t(809008),$=t.n(m),p=t(960633),h=t(702478),u=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("ellipse",{cx:"12",cy:"5",rx:"9",ry:"3",stroke:"currentColor",strokeWidth:"1.5"}),(0,i.jsx)("path",{d:"M3 5V12C3 13.6569 7.02944 15 12 15C16.9706 15 21 13.6569 21 12V5",stroke:"currentColor",strokeWidth:"1.5"}),(0,i.jsx)("path",{d:"M3 12V19C3 20.6569 7.02944 22 12 22C16.9706 22 21 20.6569 21 19V12",stroke:"currentColor",strokeWidth:"1.5"})]})},g=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M12 2L4 5V11C4 16.55 7.84 21.74 12 23C16.16 21.74 20 16.55 20 11V5L12 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("circle",{cx:"12",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5"}),(0,i.jsx)("path",{d:"M12 12.5V15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},k=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M8 9L5 12L8 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M16 9L19 12L16 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M14 4L10 20",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},b=function(e){var a=e.className;return(0,i.jsx)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M13 2L3 14H12L11 22L21 10H12L13 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},j=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M14 2L20 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M14 2V8H20",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M15 19H22M22 19L19 16M22 19L19 22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},w=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3",stroke:"currentColor",strokeWidth:"1.5"}),(0,i.jsx)("path",{d:"M16.24 7.76C17.0534 8.57343 17.5722 9.63502 17.7164 10.7781",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M6.34 17.66C5.07 16.39 4.3 14.68 4.09 12.86",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M19.07 4.93C20.9447 6.80528 21.9979 9.34836 22 12C22 14.76 20.88 17.26 19.07 19.07",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M4.93 4.93C3.05534 6.80528 2.00212 9.34836 2 12C2 14.76 3.12 17.26 4.93 19.07",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},_=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M18 8C18 

16.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},f=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M4.5 16.5C3 18 3 21 3 21C3 21 6 21 7.5 19.5C8.32843 18.6716 8.32843 17.3284 7.5 16.5C6.67157 15.6716 5.32843 15.6716 4.5 16.5Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M14.5 4C14.5 4 18 4.5 20 7C22 9.5 21.5 14 21.5 14L14.5 11L11 17.5L7 13.5L14.5 4Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M9 12L4.5 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M12 15L14 19.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},N=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"1.5"}),(0,i.jsx)("path",{d:"M12 6V18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M15 9.5C15 8.11929 13.6569 7 12 7C10.3431 7 9 8.11929 9 9.5C9 10.8807 10.3431 12 12 12C13.6569 12 15 13.1193 15 14.5C15 15.8807 13.6569 17 12 17C10.3431 17 9 15.8807 9 14.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},y=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M21 21H4.6C4.03995 21 3.75992 21 3.54601 20.891C3.35785 20.7951 3.20487 20.6422 3.10899 20.454C3 20.2401 3 19.9601 3 19.4V3",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M7 14L12 9L16 13L21 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M21 8H17",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M21 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},v=function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{x:"2",y:"3",width:"20",height:"7",rx:"1",stroke:"currentColor",strokeWidth:"1.5"}),(0,i.jsx)("rect",{x:"2",y:"14",width:"20",height:"7",rx:"1",stroke:"currentColor",strokeWidth:"1.5"}),(0,i.jsx)("circle",{cx:"6",cy:"6.5",r:"1",fill:"currentColor"}),(0,i.jsx)("circle",{cx:"6",cy:"17.5",r:"1",fill:"currentColor"}),(0,i.jsx)("path",{d:"M10 6.5H18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M10 17.5H18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},A=function(e){var a=e.className;return(0,i.jsx)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M20 6L9 17L4 12",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},C=function(e){var a=e.className;return(0,i.jsx)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},B=function(e){var a=e.className;return(0,i.jsx)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M6 9L12 15L18 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}

1,S=[{question:"Apa itu Backend as a Service (BaaS)?",answer:"Backend as a Service (BaaS) adalah model komputasi awan yang menyediakan infrastruktur dan layanan backend siap pakai: basis data, autentikasi pengguna, API, fungsi awan, penyimpanan file, dan notifikasi push. BaaS memungkinkan pengembang fokus pada frontend tanpa mengurus server, penskalaan, atau kode backend."},{question:"Apa beda BaaS dan PaaS?",answer:"BaaS dan PaaS (Platform as a Service) sama-sama menyederhanakan pengembangan, tapi tujuannya berbeda. PaaS menyediakan platform untuk men-deploy dan menjalankan kode backend kustom—Anda yang menulis logika. BaaS melangkah lebih jauh dengan menyediakan fitur backend siap pakai: Anda terhubung ke layanan seperti autentikasi dan basis data, bukan membangunnya sendiri."},{question:"Apakah Firebase termasuk Backend as a Service?",answer:"Ya. Firebase adalah salah satu platform BaaS paling populer. Dibuat Google, menawarkan basis data real-time, autentikasi, Cloud Functions, hosting, dan analytics. Namun bersifat proprietary dan bisa menimbulkan ketergantungan vendor. Alternatif open source seperti Back4app, Supabase, dan Appwrite menawarkan fitur serupa dengan fleksibilitas dan portabilitas data lebih baik."},{question:"Apa contoh Backend as a Service?",answer:"Penyedia BaaS populer: Back4app (open source, berbasis Parse Server), Firebase (Google), Supabase (open source, PostgreSQL), Appwrite (open source), dan AWS Amplify (Amazon). Masing-masing punya fitur, model harga, dan tingkat kustomisasi berbeda. Opsi open source seperti Back4app memberi kontrol lebih dan menghindari vendor lock-in."},{question:"Berapa biaya Backend as a Service?",answer:"Harga BaaS bervariasi per penyedia. Sebagian besar menawarkan paket gratis untuk pengembangan dan proyek kecil. Paket gratis Back4app mencakup 25.000 permintaan/bulan dan 1 GB penyimpanan. Paket berbayar biasanya US$25–US$500/bulan tergantung pemakaian (permintaan API, penyimpanan, bandwidth). Secara umum BaaS lebih hemat daripada merekrut pengembang backend atau mengelola infrastruktur sendiri."},{question:"Apakah BaaS cocok untuk aplikasi enterprise?",answer:"Ya. Platform BaaS modern memenuhi kebutuhan enterprise: kepatuhan SOC 2 dan HIPAA, kontrol akses berbasis peran, infrastruktur dedikasi, dan SLA. Back4app misalnya menawarkan paket enterprise dengan kluster dedikasi, konfigurasi keamanan kustom, dan dukungan prioritas. Banyak perusahaan Fortune 500 memakai BaaS untuk alat internal dan aplikasi pelanggan."},{question:"Bisakah saya pindah dari penyedia BaaS?",answer:"Migrasi tergantung penyedia. Platform BaaS open source seperti Back4app (Parse Server), Supabase, dan Appwrite memungkinkan ekspor data dan self-host jika perlu, sehingga mengurangi risiko lock-in. Platform proprietary seperti Firebase membuat migrasi lebih sulit. Saat memilih BaaS, pertimbangkan portabilitas data dan apakah Anda bisa menjalankan platform di infrastruktur sendiri."},{question:"Apa beda BaaS dan serverless?",answer:"Komputasi serverless (mis. AWS Lambda) memungkinkan menjalankan fungsi individual tanpa mengelola server. BaaS menyediakan infrastruktur backend lengkap sebagai layanan. Serverless fokus pada komputasi; BaaS mencakup basis data, autentikasi, penyimpanan, dan lain-lain sebagai layanan terintegrasi. Banyak platform BaaS menyertakan fungsi serverless (Cloud Functions) sebagai salah satu fiturnya."},{question:"Apakah BaaS cocok untuk aplikasi AI?",answer:"Ya. BaaS adalah dasar yang bagus untuk aplikasi berbasis AI. Platform seperti Back4app mendukung Model Context Protocol (MCP), sehingga agen AI dapat berinteraksi langsung dengan backend Anda—membaca dan menulis data, menjalankan Cloud Functions, dan mengotomatisasi alur. BaaS mengurus infrastruktur (basis data, API, autentikasi) agar Anda fokus pada logika AI dan pengalaman pengguna."}],L=[{id:"database",title:"Basis data",icon:u,color:"#208AEC",shortDesc:"Data NoSQL dan relasional dengan sinkronisasi real-time, kueri, dan indeks.",expandedDesc:"Simpan data aplikasi Anda di koleksi NoSQL fleksibel atau tabel relasional. Termasuk sinkronisasi real-time, kueri kompleks, indeks otomatis, dan penskalaan seiring pertumbuhan data.",link:null},{id:"authentication",title:"Autentikasi",icon:g,color:"#27AE60",shortDe

1sc:"OAuth, SSO, MFA, dan kontrol akses berbasis peran siap pakai.",expandedDesc:"Autentikasi aman dengan email/sandi, login sosial (Google, Facebook, Apple), SSO, MFA, dan RBAC.",link:null},{id:"apis",title:"API dan SDK",icon:k,color:"#E74C3C",shortDesc:"API REST dan GraphQL yang digenerate otomatis serta SDK native per platform.",expandedDesc:"Akses data lewat API REST dan GraphQL yang digenerate otomatis. SDK native untuk JavaScript, React Native, iOS, Android, Flutter, React, dan lainnya.",link:null},{id:"cloud-functions",title:"Cloud Functions",icon:b,color:"#9B59B6",shortDesc:"Fungsi JavaScript serverless untuk logika kustom dan integrasi.",expandedDesc:"Deploy fungsi serverless yang dipicu trigger basis data, permintaan HTTP, atau job terjadwal. Tulis logika bisnis, integrasikan API pihak ketiga, dan proses data tanpa mengelola server.",link:null},{id:"storage",title:"Penyimpanan file",icon:j,color:"#F39C12",shortDesc:"Simpan dan layani file secara global via CDN dengan optimasi otomatis.",expandedDesc:"Unggah, simpan, dan layani file (gambar, video, dokumen) lewat CDN global. Termasuk optimasi gambar, kontrol akses, dan upload langsung dari klien.",link:null},{id:"real-time",title:"Real-time",icon:w,color:"#E74C3C",shortDesc:"Kueri dan langganan langsung untuk sinkronisasi data instan.",expandedDesc:"Buat fitur real-time yang mengirim perubahan ke klien seketika. Ideal untuk chat, alat kolaboratif, dasbor langsung, dan game multipemain.",link:null},{id:"push",title:"Notifikasi push",icon:_,color:"#1ABC9C",shortDesc:"Push untuk iOS, Android, dan web dengan segmentasi dan penjadwalan.",expandedDesc:"Jangkau pengguna dengan notifikasi tersegmen. Buat audiens, jadwalkan kampanye, uji A/B, dan pantau metrik pengiriman.",link:null},{id:"ai-mcp",title:"AI dan integrasi MCP",icon:null,color:"gradient",shortDesc:"Hubungkan agen AI ke backend Anda dengan dukungan Model Context Protocol.",expandedDesc:"Integrasikan kemampuan AI ke backend. Dukungan Model Context Protocol (MCP) memungkinkan agen AI berinteraksi dengan data Anda, menjalankan fungsi, dan mengotomatisasi alur.",link:"https://www.back4app.com/mcp"}],E={features:["Basis data","Open Source","Paket gratis","Real-time","AI/MCP","Deploy kontainer","AI untuk frontend"],providers:[{name:"Back4app",database:"MongoDB",openSource:!0,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!0,aiFrontend:!0},{name:"Firebase",database:"Firestore",openSource:!1,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!0,aiFrontend:!0},{name:"Supabase",database:"PostgreSQL",openSource:!0,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!1,aiFrontend:!1},{name:"Appwrite",database:"MariaDB",openSource:!0,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!0,aiFrontend:!0},{name:"AWS Amplify",database:"DynamoDB",openSource:!1,freeTier:!0,"real-time":!0,aiMcp:!0,containerDeployment:!1,aiFrontend:!1},]},D=[{title:"Aplikasi SaaS",description:"Bangun platform SaaS multi-tenant dengan manajemen pengguna, langganan, dan isolasi data.",icon:y,color:"#208AEC"},{title:"Aplikasi mobile",description:"Dukung aplikasi iOS, Android, dan lintas platform dengan sinkronisasi real-time, push, dan dukungan offline.",icon:_,color:"#27AE60"},{title:"MVP dan prototipe",description:"Luncurkan cepat untuk validasi ide tanpa menghabiskan bulanan untuk backend.",icon:f,color:"#9B59B6"},{title:"Alat internal",description:"Buat panel admin, dasbor, dan alat alur kerja dengan autentikasi aman.",icon:v,color:"#F39C12"},{title:"E-commerce",description:"Keranjang belanja, manajemen pesanan, dan integrasi pembayaran dengan basis data andal.",icon:N,color:"#E74C3C"},{title:"Aplikasi real-time",description:"Chat, kolaborasi langsung, dan game multipemain dengan sinkronisasi data instan.",icon:w,color:"#1ABC9C"},],P=[{title:"Time-to-market lebih cepat",description:"Luncurkan dalam hitungan hari, bukan bulan. Infrastruktur siap memungkinkan Anda langsung membangun fitur.",icon:f,color:"#208AEC"},{title:"Biaya lebih rendah",description:"Tidak perlu merekrut ahli backend atau menjaga server. Bayar hanya untuk yang dipakai.",icon:N,color:"#27AE60"}

1,{title:"Keamanan terintegrasi",description:"Keamanan tingkat enterprise: SOC 2, HIPAA, enkripsi, dan kontrol akses berbasis peran.",icon:function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M12 2L4 5V11C4 16.55 7.84 21.74 12 23C16.16 21.74 20 16.55 20 11V5L12 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M9 12L11 14L15 10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},color:"#9B59B6"},{title:"Penskalaan otomatis",description:"Hadapi lonjakan lalu lintas secara otomatis. Skala dari 100 hingga jutaan pengguna tanpa mengubah kode.",icon:y,color:"#E74C3C"},{title:"Zero DevOps",description:"Tidak ada server untuk dikelola, diperbaiki, atau dipantau. Fokus pada produk; infrastruktur diurus penyedia.",icon:v,color:"#F39C12"},{title:"Fokus pada produk",description:"Investasikan waktu pada fitur yang disukai pengguna, bukan konfigurasi basis data atau kode berulang.",icon:function(e){var a=e.className;return(0,i.jsxs)("svg",{className:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M16 18L22 12L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M8 6L2 12L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},color:"#1ABC9C"},],M=function(){var e=(0,l.useState)({}),a=e[0],t=e[1],o=(0,l.useState)({}),d=o[0],m=o[1],f=(0,l.useState)("all"),N=f[0],M=f[1],I=(0,l.useState)(!1),T=I[0],W=I[1],F=(0,l.useRef)({});(0,l.useEffect)(function(){var e=[];return["hero","howItWorks","features","benefits","comparison","decisionMatrix","useCases","limitations","choose","providers","faq","cta"].forEach(function(a){var i=new IntersectionObserver(function(e){e.forEach(function(e){e.isIntersecting&&t(function(e){return(0,r.Z)((0,n.Z)({},e),(0,s.Z)({},a,!0))})})},{threshold:.1});F.current[a]&&i.observe(F.current[a]),e.push(i)}),function(){return e.forEach(function(e){return e.disconnect()})}},[]),(0,l.useEffect)(function(){var e=function(){var e,a=window.scrollY+window.innerHeight;W(a>document.documentElement.scrollHeight-400)};return window.addEventListener("scroll",e),e(),function(){return window.removeEventListener("scroll",e)}},[]);var H=function(e){m(function(a){return(0,r.Z)((0,n.Z)({},a),(0,s.Z)({},e,!a[e]))})},O={"@context":"https://schema.org","@type":"FAQPage",mainEntity:S.map(function(e){return{"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:e.answer}}})},z={"@context":"https://schema.org","@type":"ItemList",name:"Penyedia utama Backend sebagai Layanan (2026)",description:"Perbandingan penyedia BaaS utama: Back4app, Firebase, Supabase, Appwrite, dan AWS Amplify.",numberOfItems:E.providers.length,itemListElement:E.providers.map(function(e,a){return{"@type":"ListItem",position:a+1,name:e.name}})},K=function(){return"all"===N?E.providers:"open-source"===N?E.providers.filter(function(e){return e.openSource}):"ai-frontend"===N?E.providers.filter(function(e){return e.aiFrontend}):E.providers};return(0,i.jsxs)("div",{className:"font-secondary bg-[#0F1C32] relative",children:[(0,i.jsxs)($(),{children:[(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(O)}}),(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"HowTo",name:"Cara membangun aplikasi dengan Backend sebagai Layanan",description:"Tiga langkah dari ide ke produksi dengan BaaS",step:[{"@type":"HowToStep",position:1,name:"Terhubung lewat API dan SDK",text:"Gunakan API REST, GraphQL, atau SDK native untuk JavaScript, iOS, Android, Flutter, dan lainnya. Tanpa kode backend."},{"@type":"HowToStep",position:2,name:"Tambahkan logika kustom",text:"Deploy Cloud Functions serverless untuk logika bisnis, webhook, dan integrasi pihak ketiga tanpa mengelola server."},{"@type":"HowToStep",position:3,name:"Skala otomatis",text:"Backend Anda skala sesuai permintaan. Hadapi lonjakan lalu lintas otomatis, tanpa perencanaan kapasitas atau perubahan infrastruktur."}]})}}),(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"Article",headline:"Apa itu Backend as a Service (B

1aaS)? Panduan Lengkap",description:"Pelajari apa itu Backend sebagai Layanan, cara kerjanya, fitur utama, manfaat, dan cara memilih penyedia BaaS. Bandingkan Back4app, Firebase, dan Supabase.",image:{"@type":"ImageObject",url:"https://www.back4app.com/_public/img/baas-hero-illustration.png",width:600,height:400},datePublished:"2026-01-29",dateModified:"2026-02-01",author:{"@type":"Organization",name:"Back4app",url:"https://www.back4app.com"},publisher:{"@type":"Organization",name:"Back4app",logo:{"@type":"ImageObject",url:"https://www.back4app.com/_public/img/siteNavLogo.svg"}},mainEntityOfPage:{"@type":"WebPage","@id":"https://www.back4app.com/apa-itu-backend-sebagai-layanan-baas"}})}}),(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Beranda",item:"https://www.back4app.com"},{"@type":"ListItem",position:2,name:"Backend sebagai Layanan",item:"https://www.back4app.com/apa-itu-backend-sebagai-layanan-baas"}]})}}),(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(z)}})]}),(0,i.jsx)(p.Z,{title:"Apa itu Backend as a Service (BaaS)? Panduan Lengkap",descriptionText:"Pelajari apa itu Backend as a Service, cara kerjanya, fitur utama, manfaat, dan cara memilih penyedia BaaS. Bandingkan Back4app, Firebase, dan Supabase.",keywordText:"backend as a service, baas, apa itu baas, contoh backend sebagai layanan, baas vs paas, alternatif firebase, alternatif supabase, parse server, backend mongodb",path:"https://www.back4app.com/apa-itu-backend-sebagai-layanan-baas",locale:"id_ID"}),(0,i.jsxs)("div",{className:"fixed inset-0 z-0 overflow-hidden pointer-events-none",children:[(0,i.jsx)("div",{className:"absolute top-[-20%] left-[-10%] w-[40rem] lg:w-[60rem] h-[40rem] lg:h-[60rem] rounded-full opacity-20",style:{background:"radial-gradient(circle, rgba(32, 138, 236, 0.3) 0%, transparent 70%)"}}),(0,i.jsx)("div",{className:"absolute bottom-[-30%] right-[-15%] w-[50rem] lg:w-[70rem] h-[50rem] lg:h-[70rem] rounded-full opacity-15",style:{background:"radial-gradient(circle, rgba(32, 138, 236, 0.25) 0%, transparent 70%)"}}),(0,i.jsx)("div",{className:"absolute top-[40%] right-[-20%] w-[30rem] lg:w-[50rem] h-[30rem] lg:h-[50rem] rounded-full opacity-10",style:{background:"radial-gradient(circle, rgba(39, 174, 96, 0.2) 0%, transparent 70%)"}})]}),(0,i.jsx)("aside",{className:"hidden xl:block fixed left-4 top-1/2 -translate-y-1/2 z-50 w-48 transition-opacity duration-300 ".concat(T?"opacity-0 pointer-events-none":"opacity-100"),children:(0,i.jsxs)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-xl p-4",children:[(0,i.jsx)("h3",{className:"text-xs font-semibold text-white/80 mb-3 uppercase tracking-wider",children:"Isi"}),(0,i.jsxs)("nav",{className:"space-y-1",children:[(0,i.jsxs)("a",{href:"#how-it-works",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"01."})," Cara kerja BaaS"]}),(0,i.jsxs)("a",{href:"#features",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"02."})," Fitur utama"]}),(0,i.jsxs)("a",{href:"#benefits",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"03."})," Manfaat"]}),(0,i.jsxs)("a",{href:"#use-cases",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"04."})," Kasus penggunaan"]}),(0,i.jsxs)("a",{href:"#comparison",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"05."})," BaaS vs. dari nol"]}),(0,i.jsxs)("a",{href:"#decision-matrix",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"06."})," Matriks keputusan"]}),(0,i.jsxs)("a",{href:"#limitations",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"07."})," Keterbatasan"]}),(0,i.jsxs)("a",{href:"#choose",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"08."})," Cara memilih"]}),(0,i.jsxs)("a",{href:"#providers",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"09."})," Penyedia"]}),(0,i.jsxs)("a",{href:"#faq",className:"block text-white/50 hover:text-[#208AEC] text-xs py-1 transition-all hover:translate-x-1",children:[(0,i.jsx)("span",{className:"text-white/30 mr-1",children:"10."})," FAQ"]})]})]})}),(0,i.jsxs)("main",{className:"xl:pl-56",children:[(0,i.jsx)("section",{ref:function(e){return F.current.hero=e},className:"px-6 lg:px-8 pt-10 lg:pt-14 pb-6 lg:pb-8 relative z-10 overflow-hidden",children:(0,i.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,i.jsx)("nav",{className:"flex justify-center mb-6","aria-label":"Breadcrumb",children:(0,i.jsxs)("ol",{className:"flex items-center text-sm",children:[(0,i.jsx)("li",{children:(0,i.jsx)("a",{href:"https://www.back4app.c

1om",className:"text-white/50 hover:text-[#208AEC] transition-colors",children:"Beranda"})}),(0,i.jsx)("li",{className:"mx-2 text-white/30",children:"/"}),(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"text-white/70",children:"Backend sebagai Layanan"})})]})}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsxs)("span",{className:"inline-flex items-center gap-2 py-1.5 px-4 rounded-full bg-[#208AEC]/10 border border-[#208AEC]/20 text-[#208AEC] text-sm font-semibold mb-4",children:[(0,i.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:(0,i.jsx)("path",{d:"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253",strokeLinecap:"round",strokeLinejoin:"round"})}),"Panduan Backend sebagai Layanan"]}),(0,i.jsx)("p",{className:"text-white/40 text-sm mb-6",children:"Terakhir diperbarui: Februari 2026"})]}),(0,i.jsxs)("h1",{className:"font-primary font-bold text-[1.75rem] sm:text-[2.5rem] lg:text-[3.5rem] leading-[1.15] tracking-tight mb-6 text-center",children:[(0,i.jsx)("span",{className:"text-white",children:"Apa itu "}),(0,i.jsx)("span",{className:"text-[#208AEC]",children:"Backend sebagai Layanan"}),(0,i.jsx)("span",{className:"text-white",children:" (BaaS)?"})]}),(0,i.jsx)("div",{className:"max-w-2xl mx-auto mt-6 mb-8",children:(0,i.jsx)("div",{className:"p-5 rounded-xl bg-[#208AEC]/5 border border-[#208AEC]/20",children:(0,i.jsxs)("p",{className:"text-white/80 text-sm lg:text-base leading-relaxed",children:[(0,i.jsx)("strong",{className:"text-[#208AEC]",children:"Definisi:"})," Backend as a Service (BaaS) adalah platform awan yang menyediakan komponen backend siap pakai—basis data, autentikasi, API, dan fungsi awan—untuk membangun aplikasi tanpa mengelola server. Cocok untuk startup, MVP, dan tim yang ingin meluncurkan lebih cepat, menekan biaya, dan fokus pada produk alih-alih infrastruktur."]})})}),(0,i.jsx)("div",{className:"max-w-2xl mx-auto mt-6 mb-10",children:(0,i.jsx)("div",{className:"relative flex items-center justify-center",children:(0,i.jsx)(x(),{src:"/_public/img/baas-hero-illustration.png",alt:"Apa itu Backend sebagai Layanan? Ilustrasi cara BaaS menghubungkan aplikasi Anda ke basis data, autentikasi, API, dan fungsi awan",width:600,height:400,sizes:"(max-width: 672px) 100vw, 600px",className:"rounded-2xl",priority:!0})})}),(0,i.jsxs)("div",{className:"max-w-3xl mx-auto",children:[(0,i.jsxs)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-4 text-left",children:[(0,i.jsx)("strong",{className:"text-white",children:"Backend as a Service (BaaS)"}),' adalah model komputasi awan yang memungkinkan Anda menyerahkan bagian "belakang layar" aplikasi web atau mobile kepada pihak ketiga.']}),(0,i.jsx)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-4 text-left",children:"Dengan menyediakan komponen siap pakai untuk basis data, autentikasi pengguna, dan manajemen API, BaaS memungkinkan Anda membangun aplikasi tanpa menulis kode server atau mengelola perangkat keras."}),(0,i.jsxs)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-4 text-left",children:["Berbeda dengan backend tradisional yang membutuhkan konfigurasi manual server dan middleware, BaaS memakai API dan ",(0,i.jsx)("a",{href:"https://blog.back4app.c

1om/what-is-an-sdk/",target:"_blank",rel:"noopener noreferrer",className:"text-[#208AEC] hover:underline",children:"SDK"})," untuk menghubungkan frontend Anda ke awan."]}),(0,i.jsx)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-6 text-left",children:"Pendekatan ini mempercepat time-to-market dan menekan biaya DevOps, serta menjadi pilihan umum bagi startup dan tim yang membangun aplikasi modern dan skalabel."})]})]})}),(0,i.jsx)("section",{id:"how-it-works",ref:function(e){return F.current.howItWorks=e},className:"relative z-10 pt-4 lg:pt-6 pb-10 lg:pb-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,i.jsx)("div",{className:"text-center mb-8",children:(0,i.jsxs)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:["Bagaimana ",(0,i.jsx)("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-[#208AEC] to-[#27AE60]",children:"Backend sebagai Layanan"})," bekerja?"]})}),(0,i.jsxs)("div",{className:"max-w-3xl mx-auto mb-12",children:[(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg leading-relaxed mb-4 text-left",children:'BaaS berfungsi seperti lapisan infrastruktur "plug-and-play" yang menghubungkan frontend Anda ke komponen backend di awan melalui API dan SDK standar.'}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg leading-relaxed mb-4 text-left",children:"Alih-alih merancang logika server kustom, Anda mengintegrasikan layanan terkelola—seperti basis data dan autentikasi—langsung ke kode klien."}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg leading-relaxed text-left",children:"Ini menghilangkan kebutuhan menyediakan server secara manual dan memungkinkan Anda menerapkan fitur full-stack dengan sedikit baris kode."})]}),(0,i.jsx)("div",{className:"mb-12 transition-all duration-700 ".concat(a.howItWorks?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:(0,i.jsx)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl p-8 lg:p-12",children:(0,i.jsxs)("div",{className:"flex flex-col lg:flex-row items-center justify-between gap-8",children:[(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"text-white/80 text-sm font-medium mb-4",children:"Aplikasi Anda"}),(0,i.jsxs)("div",{className:"flex gap-4",children:[(0,i.jsx)("div",{className:"w-16 h-16 rounded-xl bg-[#208AEC]/20 border border-[#208AEC]/30 flex items-center justify-center",children:(0,i.jsx)("span",{className:"text-2xl",children:"\uD83C\uDF10"})}),(0,i.jsx)("div",{className:"w-16 h-16 rounded-xl bg-[#27AE60]/20 border border-[#27AE60]/30 flex items-center justify-center",children:(0,i.jsx)("span",{className:"text-2xl",children:"\uD83D\uDCF1"})}),(0,i.jsx)("div",{className:"w-16 h-16 rounded-xl bg-[#9B59B6]/20 border border-[#9B59B6]/30 flex items-center justify-center",children:(0,i.jsx)("span",{className:"text-2xl",children:"\uD83E\uDD16"})})]}),(0,i.jsx)("div",{className:"text-white/50 text-xs mt-2",children:"Web, Mobile, IoT"})]}),(0,i.jsx)("div",{className:"text-white/30 text-4xl lg:rotate-0 rotate-90",children:"→"}),(0,i.jsxs)("div",{className:"flex-1 max-w-md",children:[(0,i.jsx)("div",{className:"text-center text-white/80 text-sm font-medium mb-4",children:"Platform Backend sebagai Layanan"}),(0,i.jsx)("div",{className:"bg-gradient-to-br from-[#208AEC]/10 to-[#27AE60]/10 border border-white/20 rounded-xl p-6",children:(0,i.jsxs)("div",{className:"grid grid-cols-4 gap-3",children:[(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#208AEC]/30 flex items-center justify-center mb-1",children:(0,i.jsx)(u,{className:"w-5 h-5 text-[#208AEC]"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"DB"})]}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#27AE60]/30 flex items-center justify-center mb-1",children:(0,i.jsx)(g,{className:"w-5 h-5 text-[#27AE60]"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"Auth"})]}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#E74C3C]/30 flex items-center justify-center mb-1",children:(0,i.jsx)(k,{className:"w-5 h-5 text-[#E74C3C]"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"APIs"})]}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#9B59B6]/30 flex items-center justify-center mb-1",children:(0,i.jsx)(b,{className:"w-5 h-5 text-[#9B59B6]"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"Functions"})]}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#F39C12]/30 flex items-center justify-center mb-1",children:(0,i.jsx)(j,{className:"w-5 h-5 text-[#F39C12]"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"Storage"})]}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#1ABC9C]/30 flex items-center justify-center mb-1",children:(0,i.jsx)(_,{className:"w-5 h-5 text-[#1ABC9C]"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"Push"})]}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-[#E74C3C]/30 flex items-center justify-center mb-1",children:(0,i.jsx)(w,{className:"w-5 h-5 text-[#E74C3C]"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"Waktu nyata"})]}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"w-10 h-10 mx-auto rounded-lg bg-gradient-to-br from-[#9B59B6]/30 to-[#208AEC]/30 flex items-center justify-center mb-1",children:(0,i.jsx)("span",{className:"text-sm",children:"\uD83E\uDD16"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"IA/MCP"})]})]})})]}),(0,i.jsx)("div",{className:"text-white/30 text-4xl lg:rotate-0 rotate-90",children:"→"}),(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"text-white/80 text-sm font-medium mb-4",children:"Dikelola oleh BaaS"}),(0,i.jsx)("div",{className:"w-16 h-16 mx-auto rounded-xl bg-white/10 border border-white/20 flex items-center justify-center",children:(0,i.jsx)(v,{className:"w-8 h-8 text-white/60"})}),(0,i.jsx)("div",{className:"text-white/50 text-xs mt-2",children:"Server, skalabilitas, keamanan"})]})]})})}),(0,i.jsx)("h3",{className:"text-xl md:text-2xl font-primary font-semibold text-white mb-8 text-center",children:"Tiga langkah dari ide ke produksi dengan BaaS"}),(0,i.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 relative",children:[(0,i.jsx)("div",{className:"hidden md:block absolute top-[85px] left-[31%

1] w-[5%] h-0.5 bg-gradient-to-r from-[#208AEC] to-[#27AE60]",style:{zIndex:10}}),(0,i.jsx)("div",{className:"hidden md:block absolute top-[85px] left-[64%] w-[5%] h-0.5 bg-gradient-to-r from-[#27AE60] to-[#9B59B6]",style:{zIndex:10}}),(0,i.jsxs)("div",{className:"relative bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl p-6 hover:border-[#208AEC]/30 transition-all",children:[(0,i.jsx)("div",{className:"absolute -top-3 left-6 w-8 h-8 rounded-full bg-[#208AEC] flex items-center justify-center text-white font-bold text-sm shadow-lg shadow-[#208AEC]/30",children:"1"}),(0,i.jsxs)("div",{className:"pt-4",children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-xl bg-[#208AEC]/15 flex items-center justify-center mb-4",children:(0,i.jsx)(k,{className:"w-6 h-6 text-[#208AEC]"})}),(0,i.jsx)("h4",{className:"text-lg font-semibold text-white mb-3",children:"Hubungkan via API dan SDK"}),(0,i.jsx)("p",{className:"text-white/60 leading-relaxed text-sm",children:"Gunakan REST API, GraphQL, atau SDK asli untuk JavaScript, iOS, Android, Flutter, dan lainnya. Tanpa kode backend."})]})]}),(0,i.jsxs)("div",{className:"relative bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl p-6 hover:border-[#27AE60]/30 transition-all",children:[(0,i.jsx)("div",{className:"absolute -top-3 left-6 w-8 h-8 rounded-full bg-[#27AE60] flex items-center justify-center text-white font-bold text-sm shadow-lg shadow-[#27AE60]/30",children:"2"}),(0,i.jsxs)("div",{className:"pt-4",children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-xl bg-[#27AE60]/15 flex items-center justify-center mb-4",children:(0,i.jsx)(b,{className:"w-6 h-6 text-[#27AE60]"})}),(0,i.jsx)("h4",{className:"text-lg font-semibold text-white mb-3",children:"Tambahkan logika kustom"}),(0,i.jsx)("p",{className:"text-white/60 leading-relaxed text-sm",children:"Deploy Cloud Functions serverless untuk logika bisnis, webhook, dan integrasi pihak ketiga tanpa mengelola server."})]})]}),(0,i.jsxs)("div",{className:"relative bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl p-6 hover:border-[#9B59B6]/30 transition-all",children:[(0,i.jsx)("div",{className:"absolute -top-3 left-6 w-8 h-8 rounded-full bg-[#9B59B6] flex items-center justify-center text-white font-bold text-sm shadow-lg shadow-[#9B59B6]/30",children:"3"}),(0,i.jsxs)("div",{className:"pt-4",children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-xl bg-[#9B59B6]/15 flex items-center justify-center mb-4",children:(0,i.jsx)(y,{className:"w-6 h-6 text-[#9B59B6]"})}),(0,i.jsx)("h4",{className:"text-lg font-semibold text-white mb-3",children:"Skala otomatis"}),(0,i.jsx)("p",{className:"text-white/60 leading-relaxed text-sm",children:"Backend Anda berskala sesuai permintaan. Tangani lonjakan lalu lintas secara otomatis, tanpa perencanaan kapasitas atau perubahan infrastruktur."})]})]})]})]})}),(0,i.jsx)("section",{id:"features",ref:function(e){return F.current.features=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-7xl mx-auto px-6",children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Fitur utama platform BaaS"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Semua yang Anda butuhkan untuk membangun aplikasi modern, siap pakai."})]}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:L.map(function(e){return(0,i.jsxs)("div",{className:"group cursor-pointer p-6 rounded-2xl bg-white/[0.02] border border-white/10 hover:border-white/20 transition-all duration-300 ".concat(d[e.id]?"ring-1 ring-white/20":""),onClick:function(){return H(e.id)},children:[(0,i.jsxs)("div",{className:"flex items-start justify-between mb-4",children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform ".concat("gradient"===e.color?"bg-gradient-to-br from-[#9B59B6]/20 to-[#208AEC]/20":""),style:"gradient"!==e.color?{backgroundColor:"".concat(e.color,"20")}:{},children:e.icon?(0,i.jsx)(e.icon,{className:"w-6 h-6",style:{color:e.color}}):(0,i.jsx)("span",{className:"text-xl",children:"\uD83E\uDD16"})}),(0,i.jsx)(B,{className:"w-5 h-5 text-white/30 transition-transform ".concat(d[e.id]?"rotate-180":"")})]}),(0,i.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:e.title}),(0,i.jsx)("p",{className:"text-white/50 text-sm",children:e.shortDe

1sc}),d[e.id]&&(0,i.jsxs)("div",{className:"mt-4 pt-4 border-t border-white/10",children:[(0,i.jsx)("p",{className:"text-white/60 text-sm leading-relaxed mb-3",children:e.expandedDesc}),e.link&&(0,i.jsx)("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:"text-[#208AEC] text-sm font-medium hover:underline",children:"Pelajari lebih lanjut →"})]})]},e.id)})})]})}),(0,i.jsx)("section",{id:"benefits",ref:function(e){return F.current.benefits=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,i.jsxs)("div",{className:"text-center mb-10",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Mengapa menggunakan Backend sebagai Layanan?"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"BaaS menghilangkan kompleksitas pengembangan backend sehingga Anda bisa fokus membangun produk yang hebat."})]}),(0,i.jsxs)("div",{className:"max-w-3xl mx-auto mb-12",children:[(0,i.jsx)("div",{className:"relative w-full rounded-2xl overflow-hidden bg-white/[0.02] border border-white/10",style:{paddingBottom:"56.25%"},children:(0,i.jsx)("iframe",{className:"absolute top-0 left-0 w-full h-full",src:"https://www.youtube.com/embed/m7ZKr0eCOOk",title:"Mengapa menggunakan Backend sebagai Layanan?",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"})}),(0,i.jsx)("p",{className:"text-white/40 text-sm text-center mt-3",children:"Tonton: Mengapa menggunakan Backend sebagai Layanan?"})]}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:P.map(function(e,t){return(0,i.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10 hover:border-white/20 transition-all duration-500 ".concat(a.benefits?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),style:{transitionDelay:"".concat(100*t,"ms")},children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center mb-4",style:{backgroundColor:"".concat(e.color,"20")},children:(0,i.jsx)(e.icon,{className:"w-6 h-6",style:{color:e.color}})}),(0,i.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:e.title}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:e.description})]},e.title)})})]})}),(0,i.jsx)("section",{id:"use-cases",ref:function(e){return F.current.useCases=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Kasus penggunaan umum BaaS"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Backend sebagai Layanan cocok untuk beragam jenis aplikasi."})]}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:D.map(function(e,t){return(0,i.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10 hover:border-white/20 transition-all duration-500 ".concat(a.useCases?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),style:{transitionDelay:"".concat(100*t,"ms")},children:[(0,i.jsx)("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center mb-4",style:{backgroundColor:"".concat(e.color,"20")},children:(0,i.jsx)(e.icon,{className:"w-6 h-6",style:{color:e.color}})}),(0,i.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:e.title}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:e.description})]},e.title)})})]})}),(0,i.jsx)("section",{id:"comparison",ref:function(e){return F.current.comparison=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"BaaS vs. membangun dari n

1ol"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Bandingkan Backend sebagai Layanan dengan pengembangan backend tradisional."})]}),(0,i.jsx)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl overflow-hidden transition-all duration-700 ".concat(a.comparison?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:(0,i.jsx)("div",{className:"overflow-x-auto",children:(0,i.jsxs)("table",{className:"w-full",children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{className:"border-b border-white/10",children:[(0,i.jsx)("th",{scope:"col",className:"px-6 py-4 text-left text-white/70 font-medium",children:"Aspek"}),(0,i.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-[#27AE60] font-semibold",children:"BaaS"}),(0,i.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-white/50 font-medium",children:"Membangun dari nol"})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Waktu peluncuran"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,i.jsx)(A,{className:"w-4 h-4"}),"Hari/minggu"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Bulan"})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Biaya awal"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,i.jsx)(A,{className:"w-4 h-4"}),"Rendah (sesuai permintaan)"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Tinggi (tim + infrastruktur)"})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Keahlian backend"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,i.jsx)(A,{className:"w-4 h-4"}),"Minimal"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Luas"})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Skalabilitas"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,i.jsx)(A,{className:"w-4 h-4"}),"Otomatis"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Konfigurasi manual"})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Pemeliharaan"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,i.jsx)(A,{className:"w-4 h-4"}),"Dikelola"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Tanggung jawab Anda"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Pembaruan keamanan"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsxs)("span",{className:"inline-flex items-center gap-2 text-[#27AE60]",children:[(0,i.jsx)(A,{className:"w-4 h-4"}),"Otomatis"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Manual"})]})]})]})})})]})}),(0,i.jsx)("section",{className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"BaaS vs. PaaS vs. IaaS"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Pahami perbandingan Backend sebagai Layanan dengan model komputasi awan lainnya."})]}),(0,i.jsx)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl overflow-hidden",children:(0,i.jsx)("div",{className:"overflow-x-auto",children:(0,i.jsxs)("table",{className:"w-full",children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{className:"border-b border-white/10",children:[(0,i.jsx)("th",{scope:"col",className:"px-6 py-4 text-left text-white/70 font-medium",children:"Dikelola oleh penyedia"}),(0,i.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-[#27AE60] font-semibold",children:"BaaS"}),(0,i.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-white/70 font-medium",children:"PaaS"}),(0,i.jsx)("th",{scope:"col",className:"px-6 py-4 text-center text-white/50 font-medium",children:"IaaS"})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Infrastruktur (server, jaringan)"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Runtime dan OS"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Skalabilitas"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Basis data"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Autentikasi"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"APIs (REST/GraphQL)"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Penyimpanan file"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Notifikasi push"}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center",children:(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})})]})]})]})})}),(0,i.jsxs)("div",{className:"mt-6 grid grid-cols-3 gap-4 text-center",children:[(0,i.jsxs)("div",{className:"p-4 rounded-xl bg-[#27AE60]/5 border border-[#27AE60]/20",children:[(0,i.jsx)("p",{className:"text-[#27AE60] font-semibold text-sm mb-1",children:"Contoh BaaS"}),(0,i.jsx)("p",{className:"text-white/50 text-xs",children:"Back4app, Firebase, Supabase"})]}),(0,i.jsxs)("div",{className:"p-4 rounded-xl bg-white/[0.02] border border-white/10",children:[(0,i.jsx)("p",{className:"text-white/70 font-semibold text-sm mb-1",children:"Contoh PaaS"}),(0,i.jsx)("p",{className:"text-white/50 text-xs",children:"Heroku, Railway, Render"})]}),(0,i.jsxs)("div",{className:"p-4 rounded-xl bg-white/[0.02] border border-white/10",children:[(0,i.jsx)("p",{className:"text-white/50 font-semibold text-sm mb-1",children:"Contoh IaaS"}),(0,i.jsx)("p",{className:"text-white/40 text-xs",children:"AWS EC2, GCP Compute, Azure VMs"})]})]})]})}),(0,i.jsx)("section",{id:"decision-matrix",ref:function(e){return F.current.decisionMatrix=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Matriks keputusan: BaaS atau backend kustom?"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Gunakan kerangka ini untuk memutuskan apakah BaaS tepat untuk proyek Anda."})]}),(0,i.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 transition-all duration-700 ".concat(a.decisionMatrix?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:[(0,i.jsxs)("div",{className:"bg-[#27AE60]/5 border border-[#27AE60]/20 rounded-2xl p-6",children:[(0,i.jsxs)("h3",{className:"text-xl font-semibold text-[#27AE60] mb-6 flex items-center gap-2",children:[(0,i.jsx)(A,{className:"w-6 h-6"}),"Gunakan BaaS ketika..."]}),(0,i.jsxs)("ul",{className:"space-y-4",children:[(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Anda perlu meluncurkan cepat (MVP, prototipe, hackathon)"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Tim Anda punya sedikit keahlian backend atau sumber daya DevOps"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Fitur standar (auth, 

1CRUD, storage) mencakup sebagian besar kebutuhan"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Anggaran terbatas dan Anda butuh biaya yang dapat diprediksi"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Kebutuhan skala tidak dapat diprediksi"})]})]})]}),(0,i.jsxs)("div",{className:"bg-[#E74C3C]/5 border border-[#E74C3C]/20 rounded-2xl p-6",children:[(0,i.jsxs)("h3",{className:"text-xl font-semibold text-[#E74C3C] mb-6 flex items-center gap-2",children:[(0,i.jsx)(C,{className:"w-6 h-6"}),"Bangun backend kustom ketika..."]}),(0,i.jsxs)("ul",{className:"space-y-4",children:[(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(C,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Anda butuh algoritme proprietary atau pemrosesan data kompleks"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(C,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Kontrol penuh atas infrastruktur adalah persyaratan regulasi"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(C,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Anda punya tim DevOps khusus dan ingin mengelola infrastruktur"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(C,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Pada skala sangat besar, optimasi biaya sangat kritis"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(C,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Backend Anda adalah produk itu sendiri (perusahaan infrastruktur)"})]})]})]})]})]})}),(0,i.jsx)("section",{id:"limitations",ref:function(e){return F.current.limitations=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Keterbatasan dan pertukaran"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Memahami poin-poin ini membantu memutuskan apakah BaaS ideal untuk proyek Anda."})]}),(0,i.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 transition-all duration-700 ".concat(a.limitations?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:[(0,i.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,i.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#E74C3C]/20 flex items-center justify-center mb-4",children:(0,i.jsx)("span",{className:"text-[#E74C3C]",children:"\uD83D\uDD12"})}),(0,i.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Vendor lock-in"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Platform proprietary bisa menyulitkan migrasi. Pilih solusi open source seperti Back4app untuk portabilitas data."})]}),(0,i.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,i.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#F39C12]/20 flex items-center justify-center mb-4",children:(0,i.jsx)("span",{className:"text-[#F39C12]",children:"\uD83D\uDCB0"})}),(0,i.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Biaya pada skala besar"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Harga sesuai permintaan bisa mahal pada volume sangat tinggi. Infrastruktur sendiri bisa menghemat biaya pada skala ekstrem."})]}),(0,i.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,i.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#9B59B6]/20 flex items-center justify-center mb-4",children:(0,i.jsx)("span",{className:"text-[#9B59B6]",children:"⚙️"})}),(0,i.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Batasan kustomisasi"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Kontrol lebih sedikit atas konfigurasi server dan tuning basis data. Algoritme proprietary kompleks mungkin butuh backend kustom."})]}),(0,i.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,i.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#208AEC]/20 flex items-center justify-center mb-4",children:(0,i.jsx)("span",{className:"text-[#208AEC]",children:"\uD83D\uDC41️"})}),(0,i.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Visibilitas terbatas"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Debugging bisa lebih sulit tanpa kontrol penuh atas stack. Pilih penyedia dengan logging dan pemantauan yang andal."})]}),(0,i.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,i.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#1ABC9C]/20 flex items-center justify-center mb-4",children:(0,i.jsx)("span",{className:"text-[#1ABC9C]",children:"\uD83D\uDDA5️"})}),(0,i.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Kontrol infrastruktur"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Jika Anda butuh kontrol penuh atas jaringan, performa bare-metal, atau konfigurasi server khusus, pertimbangkan self-hosting."})]}),(0,i.jsxs)("div",{className:"p-6 rounded-2xl bg-white/[0.02] border border-white/10",children:[(0,i.jsx)("div",{className:"w-10 h-10 rounded-lg bg-[#E67E22]/20 flex items-center justify-center mb-4",children:(0,i.jsx)("span",{className:"text-[#E67E22]",children:"\uD83D\uDCCB"})}),(0,i.jsx)("h3",{className:"text-lg font-semibold text-white mb-2",children:"Persyaratan kepatuhan"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Beberapa regulasi mungkin mewajibkan hosting on-premise. Pastikan penyedia BaaS memenuhi kebutuhan kepatuhan Anda."})]})]})]})}),(0,i.jsx)("section",{id:"choose",ref:function(e){return F.current.choose=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Bagaimana memilih penyedia BaaS?"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Evaluasi penyedia berdasarkan kriteria ini untuk menemukan yang terbaik untuk proyek Anda."})]}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[{title:"Open source vs. proprietary",desc:"Platform open source seperti Back4app menawarkan fleksibilitas lebih dan menghindari vendor lock-in."},{title:"Model harga",desc:"Bandingkan harga yang dapat diprediksi dengan pay-as-you-go. Perhatikan biaya tersembunyi bandwidth dan penyimpanan."},{title:"Kepemilikan dan portabilitas data",desc:"Bisakah Anda mengekspor data dengan mudah? Dapat self-host jika diperlukan?"},{title:"Kepatuhan (SOC 2, HIPAA, GDPR)",desc:"Pastikan penyedia memenuhi persyaratan keamanan dan regulasi."},{title:"Risiko vendor lock-in",desc:"Evaluasi seberapa sulit migrasi di masa depan jika diperlukan."},{title:"Komunitas dan dokumentasi",desc:"Dokumentasi yang baik dan komunitas aktif mempercepat pengembangan."},].map(function(e,t){return(0,i.jsx)("div",{className:"p-5 rounded-xl bg-white/[0.02] border border-white/10 transition-all duration-500 ".concat(a.choose?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),style:{transitionDelay:"".concat(100*t,"ms")},children:(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] flex-shrink-0 mt-0.5"}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h3",{className:"text-white font-medium mb-1",children:e.title}),(0,i.jsx)("p",{className:"text-white/50 text-sm",children:e.desc})]})]})}

1,e.title)})})]})}),(0,i.jsx)("section",{id:"providers",ref:function(e){return F.current.providers=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Penyedia utama Backend sebagai Layanan (2026)"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Bandingkan platform BaaS utama untuk menemukan yang terbaik untuk proyek Anda."})]}),(0,i.jsxs)("div",{className:"mb-12",children:[(0,i.jsx)(h.Z,{title:"Back4app",subtitle:"Terbaik untuk pengembangan dengan AI dan arsitektur open source yang skalabel",desc:"Memimpin di 2026 dengan Agen AI terintegrasi untuk pembuatan backend dalam bahasa alami dan dukungan Model Context Protocol (MCP), memungkinkan agen kode (seperti Cursor atau Windsurf) mengelola infrastruktur Anda secara langsung. Berbasis Parse Server, menawarkan fleksibilitas Relational NoSQL, Container as a Service (CaaS) terintegrasi, dan keamanan enterprise dengan kepatuhan SOC 2 dan HIPAA untuk menghindari vendor lock-in."}),(0,i.jsx)(h.Z,{title:"Firebase",subtitle:"Terbaik untuk ekosistem Google dan analitik mobile",desc:"Tetap pilihan utama bagi pengembang yang butuh integrasi mendalam dengan Google Cloud, memakai Firebase Data Connect untuk membawa PostgreSQL terkelola ke alur mobile. Dengan dukungan native Gemini untuk Cloud Functions dan pipeline langsung ke BigQuery untuk analitik waktu nyata, menjadi standar untuk aplikasi pertumbuhan tinggi yang memprioritaskan suite pemasaran dan crash reporting Google."}),(0,i.jsx)(h.Z,{title:"Supabase",subtitle:"Terbaik untuk pengguna SQL dan Postgres waktu nyata tingkat lanjut",desc:"Sebagai alternatif open source utama dari Firebase, unggul dengan menawarkan lingkungan PostgreSQL lengkap dan Row Level Security (RLS) untuk perlindungan data granular. Termasuk Edge Functions (Deno) latensi rendah, langganan waktu nyata, dan ekstensi pgvector—pilihan utama untuk aplikasi AI yang butuh pencarian semantik berperforma tinggi dan integritas relasional."}),(0,i.jsx)(h.Z,{title:"Appwrite",subtitle:"Terbaik untuk tim yang fokus privasi dan performa dengan MariaDB",desc:"BaaS self-hosted unggulan yang memakai MariaDB dan API TablesDB untuk manajemen relasional yang dioptimalkan dan berperforma tinggi. Dirancang untuk deploy dengan Docker, menawarkan set API ringan dan terpadu untuk autentikasi dan penyimpanan, memberi pengembang kedaulatan penuh atas data dan opsi menjalankan seluruh backend di infrastruktur pribadi atau Appwrite Cloud."}),(0,i.jsx)(h.Z,{title:"AWS Amplify",subtitle:"Terbaik untuk penerapan cepat pada stack AWS",desc:"Menawarkan alur ramping dan TypeScript-first (Gen 2) yang memungkinkan mendefinisikan infrastruktur sebagai kode langsung di repositori. Dengan mengabstraksi kompleksitas Amazon Web Services, terintegrasi dengan DynamoDB, AppSync (GraphQL), dan AWS CDK—pilihan paling kuat untuk aplikasi skala enterprise yang sudah berada di ekosistem Amazon."})]}),(0,i.jsxs)("div",{className:"text-center mb-10",children:[(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg mb-6",children:"Bandingkan penyedia ini berdasarkan fitur utama"}),(0,i.jsx)("div",{className:"w-24 h-px mx-auto bg-gradient-to-r from-transparent via-white/20 to-transparent"})]}),(0,i.jsxs)("div",{className:"flex flex-wrap justify-center gap-3 mb-8",children:[(0,i.jsx)("button",{onClick:function(){return M("all")},className:"px-4 py-2 rounded-lg text-sm font-medium transition-all ".concat("all"===N?"bg-[#208AEC] text-white":"bg-white/5 text-white/60 hover:bg-white/10"),children:"Semua penyedia"}),(0,i.jsx)("button",{onClick:function(){return M("open-source")},className:"px-4 py-2 rounded-lg text-sm font-medium transition-all ".concat("open-source"===N?"bg-[#27AE60] text-white":"bg-white/5 text-white/60 hover:bg-white/10"),children:"Hanya open source"}),(0,i.jsx)("button",{onClick:function(){return M("ai-frontend")},className:"px-4 py-2 rounded-lg text-sm font-medium transition-all ".concat("ai-frontend"===N?"bg-[#9B59B6] text-white":"bg-white/5 text-white/60 hover:bg-white/10"),children:"AI untuk frontend"})]}),(0,i.jsx)("div",{className:"bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-2xl overflow-hidden transition-all duration-700 ".concat(a.providers?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:(0,i.jsx)("div",{className:"overflow-x-auto",children:(0,i.jsxs)("table",{className:"w-full",children:[(0,i.jsx)("thead",{children:(0,i.jsxs)("tr",{className:"border-b border-white/10",children:[(0,i.jsx)("th",{scope:"col",className:"px-4 py-4 text-left text-white/70 font-medium",children:"Fitur"}),K().map(function(e,a){return(0,i.jsxs)("th",{scope:"col",className:"px-4 py-4 text-center font-semibold ".concat(0===a?"text-[#27AE60]":"text-white"),children:[e.name,0===a&&(0,i.jsx)("span",{className:"block text-xs text-[#27AE60]/70 font-normal",children:"Direkomendasikan"})]},e.name)})]})}),(0,i.jsxs)("tbody",{children:[(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"Open source"}),K().map(function(e,a){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===a?"bg-[#27AE60]/5":""),children:e.openSource?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"Basis data"}),K().map(function(e,a){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===a?"bg-[#27AE60]/5":""),children:(0,i.jsx)("span",{className:"text-white/80 text-sm",children:e.database})},e.name)})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"Paket gratis"}),K().map(function(e,a){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===a?"bg-[#27AE60]/5":""),children:e.freeTier?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"Waktu nyata"}),K().map(function(e,a){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===a?"bg-[#27AE60]/5":""),children:e["real-time"]?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"AI/MCP"}),K().map(function(e,a){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===a?"bg-[#27AE60]/5":""),children:e.aiMcp?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,i.jsxs)("tr",{className:"border-b border-white/5",children:[(0,i.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"Deploy dalam container"}),K().map(function(e,a){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===a?"bg-[#27AE60]/5":""),children:e.containerDeployment?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{scope:"row",className:"px-4 py-3 text-white/70 text-left font-normal",children:"AI untuk frontend"}),K().map(function(e,a){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===a?"bg-[#27AE60]/5":""),children:e.aiFrontend?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(C,{className:"w-5 h-5 text-white/30 mx-auto"})},e.name)})]})]})]})})})]})}),(0,i.jsxs)("div",{className:"text-center mb-10",children:[(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg mb-6",children:"Setiap platform yang tercantum adalah pemimpin di ranah BaaS. Keputusan memakai salah satunya bersifat subjektif dan bergantung pada kasus penggunaan, anggaran, serta preferensi tim teknik Anda."}),(0,i.jsx)("div",{className:"w-24 h-px mx-auto bg-gradient-to-r from-transparent via-white/20 to-transparent"})]}),(0,i.jsx)("section",{id:"faq",ref:function(e){return F.current.faq=e},className:"relative z-10 py-10 lg:py-14 px-6",children:(0,i.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl font-primary font-bold text-white mb-4",children:"Pertanyaan yang sering diajukan"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Pertanyaan umum tentang platform Backend sebagai Layanan."})]}),(0,i.jsx)("div",{className:"space-y-4",children:S.map(function(e,a){return(0,i.jsx)(h.Z,{title:e.question,desc:e.answer},a)})})]})}),(0,i.jsxs)("section",{ref:function(e){return F.current.cta=e},className:"relative z-10 py-14 lg:py-20 px-6",children:[(0,i.jsx)("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:(0,i.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[40rem] h-[40rem] rounded-full opacity-20",style:{background:"radial-gradient(circle, rgba(39, 174, 96, 0.3) 0%, transparent 70%)"}})}),(0,i.jsxs)("div",{className:"relative z-10 max-w-3xl mx-auto text-center",children:[(0,i.jsx)("h2",{className:"text-3xl lg:text-5xl font-bold text-white mb-6 font-primary leading-tight",children:"Siap membangun backend Anda?"}),(0,i.jsx)("p",{className:"text-white/60 text-lg mb-10",children:"Mulai proyek dalam hitungan menit. Tidak perlu kartu kredit."}),(0,i.jsxs)("div",{className:"flex flex-col sm:flex-row justify-center gap-4",children:[(0,i.jsx)(c(),{href:"/signup",passHref:!0,children:(0,i.jsx)("a",{className:"inline-flex items-center justify-center h-12 px-8 font-semibold text-base rounded-md bg-[#27AE60] text-white hover:bg-[#13A39A] transition-colors",children:"Mulai gratis"})}),(0,i.jsx)(c(),{href:"/pricing/backend-as-a-service",passHref:!0,children:(0,i.jsx)("a",{className:"inline-flex items-center justify-center h-12 px-8 font-semibold text-base rounded-md border border-white text-white bg-transparent hover:bg-white/10 transition-colors",children:"Lihat harga"})})]})]})]})]})," "]})},I=!0;a.default=M},269396:function(e,a,t){"use strict";function s(e,a){return a=null!=a?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):(function(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t.push.apply(t,s)}return t}

1)(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}),e}t.d(a,{Z:function(){return s}})}},function(e){e.O(0,[25675,49774,92888,40179],function(){return e(e.s=252636)}),_N_E=e.O()}]);