1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48936],{717073:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/o-que-e-backend-como-servico-baas",function(){return a(120620)}])},702478:function(e,t,a){"use strict";var s=a(785893),r=a(667294),o=function(e){var t=e.className;return(0,s.jsx)("svg",{className:t,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 t=e.title,a=e.subtitle,i=e.desc,n=(0,r.useState)(!1),c=n[0],l=n[1],d=(0,r.useState)("0px"),x=d[0],m=d[1],$=(0,r.useRef)(null),p=function(){l(!c),m(c?"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(c?"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(c?"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(c?"text-[#27AE60]":"text-white group-hover:text-white/90"),children:t}),a&&(0,s.jsx)("p",{className:"text-sm text-[#208AEC] font-medium mt-1",children:a})]}),(0,s.jsx)("div",{className:"flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full transition-all duration-300 ".concat(c?"bg-[#27AE60]/20 text-[#27AE60] rotate-180":"bg-white/[0.05] text-white/60 group-hover:text-white/80"),children:(0,s.jsx)(o,{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})})]})})};t.Z=i},52077:function(e,t,a){"use strict";var s=a(785893),r=a(798495),o=a.n(r),i=function(){},n=function(e){var t=e.value,a=e.type,r=e.className,n=e.disabled,c=void 0!==n&&n,l=e.onClick,d=[o().button];switch(a){case"primary":d.push(o().primary);break;case"secondary":d.push(o().secondary);break;case"iconBtn":d.push(o().iconBtn);break;default:d.push(o().default)}return r&&d.push(r),(0,s.jsx)("button",{type:e.buttonType,className:d.join(" "),onClick:!c&&l?l:i,disabled:c,children:(0,s.jsx)("span",{className:"w-full",children:t})})};t.Z=n},960633:function(e,t,a){"use strict";var s=a(785893),r=a(809008),o=a.n(r),i=function(e){var t,a,r=e.title,i=e.descriptionText,n=e.keywordText,c=e.path,l=e.ogDescText,d=e.twitterDescText,x=e.ogLocale,m=e.templateLocale,$=null!=m&&""!==String(m).trim()?(t=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"})[a=String(t||"").trim()]||"en_US"):void 0===x?"en_US":x;return(0,s.jsxs)(o(),{children:[(0,s.jsx)("title",{children:r}),(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"}),c?(0,s.jsx)("link",{rel:"canonical",href:c}):null,(0,s.jsx)("meta",{name:"keywords",content:n}),(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===l?"":l)||r}),(0,s.jsx)("meta",{property:"og:description",content:i}),(0,s.jsx)("meta",{property:"og:url",content:c}),(0,s.jsx)("meta",{property:"og:site_name",content:"Back4appâ¢"}),(0,s.jsx)("meta",{property:"og:image",content:"https://www.back4app.c
1om/_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:r}),(0,s.jsx)("meta",{name:"twitter:description",content:(void 0===d?"":d)||i}),(0,s.jsx)("meta",{name:"twitter:url",content:c}),(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/_"]})}})]})};t.Z=i},120620:function(e,t,a){"use strict";a.r(t);var s=a(414924),r=a(626042),o=a(269396),i=a(785893),n=a(667294);a(741664);var c=a(425675),l=a.n(c),d=a(809008),x=a.n(d),m=a(505152),$=a.n(m),p=a(52077),u=a(960633),h=a(702478);$()(function(){return a.e(22004).then(a.bind(a,922004))},{loadableGenerated:{webpack:function(){return[922004]}},ssr:!0});var f=function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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"})]})},_=function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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"})]})},j=function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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 t=e.className;return(0,i.jsx)("svg",{className:t,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"})})},w=function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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"})]})},g=function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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"})]})},v=function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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"})]})},N=function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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"})]})},k=function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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 t=e.className;return(0,i.jsxs)("svg",{className:t,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"})]})},C=function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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 t=e.className;return(0,i.jsx)("svg",{className:t,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"})})},S=function(e){var t=e.className;return(0,i.jsx)("svg",{className:t,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 t=e.className;return(0,i.jsx)("svg",{className:t,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"})})},E=[{question:"O que \xe9 Backend como Servi\xe7o (BaaS)?",answer:"Backend como Servi\xe7o (BaaS) \xe9 um modelo de computa\xe7\xe3o em nuvem que oferece infraestrutura e servi\xe7os de backend prontos para uso. Isso inclui bancos de dados, autentica\xe7\xe3o de usu\xe1rios, APIs, fun\xe7\xf5es em nuvem, armazenamento de arquivos e notifica\xe7\xf5es push. O BaaS permite que desenvolvedores foquem no frontend sem se preocupar com gerenciamento de servidores, escalabilidade ou c\xf3digo de backend."},{question:"Qual a diferen\xe7a entre BaaS e PaaS?",answer:"BaaS e PaaS (Platform as a Service) simplificam o desenvolvimento, mas t\xeam prop\xf3sitos diferentes. O PaaS oferece uma plataforma para implantar e executar c\xf3digo de backend personalizado, exigindo que voc\xea escreva a l\xf3gica. O BaaS vai al\xe9m, fornecendo recursos de backend prontos: voc\xea se conecta a servi\xe7os como autentica\xe7\xe3o e bancos de dados em vez de constru\xed-los."},{question:"O Firebase \xe9 um Backend como Servi\xe7o?",answer:"Sim, o Firebase \xe9 uma das plataformas BaaS mais populares. Desenvolvido pelo Google, oferece bancos em tempo real, autentica\xe7\xe3o, Cloud Functions, hospedagem e analytics. Por\xe9m, \xe9 propriet\xe1rio e pode gerar depend\xeancia do fornecedor. Alternativas open source como Back4app, Supabase e Appwrite oferecem recursos similares com mais flexibilidade e portabilidade de dados."},{question:"Quais s\xe3o exemplos de Backend como Servi\xe7o?",answer:"Provedores BaaS populares: Back4app (open source, baseado em Parse Server), Firebase (Google), Supabase (open source, PostgreSQL), Appwrite (open source) e AWS Amplify (Amazon). Cada um oferece recursos, modelos de pre\xe7o e n\xedveis de customiza\xe7\xe3o diferentes. Op\xe7\xf5es open source como o Back4app d\xe3o mais controle e evitam vendor lock-in."},{question:"Quanto custa um Backend como Servi\xe7o?",answer:"O pre\xe7o do BaaS varia por provedor. A maioria oferece planos gratuitos para desenvolvimento e projetos pequenos. O plano gratuito do Back4app inclui 25.000 requisi\xe7\xf5es/m\xeas e 1 GB de armazenamento. Planos pagos costumam variar de US$ 25 a US$ 500/m\xeas conforme uso (requisi\xe7\xf5es de API, armazenamento, banda). Em geral o BaaS \xe9 mais econ\xf4mico que contratar desenvolvedores backend ou gerenciar sua pr\xf3pria infraestrutura."},{question:"O BaaS \xe9 adequado para aplica\xe7\xf5es enterprise?",answer:"Sim. Plataformas BaaS modernas atendem requisitos enterprise, como conformidade SOC 2 e HIPAA, controle de acesso por fun\xe7\xf5es, infraestrutura dedicada e SLAs. O Back4app, por exemplo, oferece planos enterprise com cluster
1s dedicados, configura\xe7\xf5es de seguran\xe7a personalizadas e suporte priorit\xe1rio. Muitas empresas Fortune 500 usam BaaS em ferramentas internas e aplica\xe7\xf5es para clientes."},{question:"Posso migrar para fora de um provedor BaaS?",answer:"A migra\xe7\xe3o depende do provedor. Plataformas BaaS open source como Back4app (Parse Server), Supabase e Appwrite permitem exportar seus dados e hospedar voc\xea mesmo se precisar, reduzindo o risco de lock-in. Plataformas propriet\xe1rias como o Firebase tornam a migra\xe7\xe3o mais dif\xedcil. Ao escolher um BaaS, considere a portabilidade dos dados e se voc\xea pode rodar a plataforma na sua pr\xf3pria infraestrutura."},{question:"Qual a diferen\xe7a entre BaaS e serverless?",answer:"Computa\xe7\xe3o serverless (como AWS Lambda) permite executar fun\xe7\xf5es individuais sem gerenciar servidores. O BaaS oferece infraestrutura de backend completa como servi\xe7o. Enquanto o serverless foca em computa\xe7\xe3o, o BaaS inclui bancos de dados, autentica\xe7\xe3o, armazenamento e mais como servi\xe7os integrados. Muitas plataformas BaaS incorporam fun\xe7\xf5es serverless (Cloud Functions) como um de seus recursos."},{question:"O BaaS \xe9 bom para apps de IA?",answer:"Sim. O BaaS \xe9 uma excelente base para aplica\xe7\xf5es com IA. Plataformas como o Back4app suportam o Model Context Protocol (MCP), permitindo que agentes de IA interajam diretamente com seu backendâlendo e escrevendo dados, executando Cloud Functions e automatizando fluxos. O BaaS cuida da infraestrutura (bancos de dados, APIs, autentica\xe7\xe3o) para voc\xea focar na l\xf3gica de IA e na experi\xeancia do usu\xe1rio."}],L=[{id:"database",title:"Banco de dados",icon:f,color:"#208AEC",shortDesc:"Dados NoSQL e relacionais com sincroniza\xe7\xe3o em tempo real, consultas e indexa\xe7\xe3o.",expandedDesc:"Armazene os dados da sua aplica\xe7\xe3o em cole\xe7\xf5es NoSQL flex\xedveis ou tabelas relacionais. Inclui sincroniza\xe7\xe3o em tempo real, consultas complexas, indexa\xe7\xe3o autom\xe1tica e escalabilidade conforme seus dados crescem.",link:null},{id:"authentication",title:"Autentica\xe7\xe3o",icon:_,color:"#27AE60",shortDesc:"OAuth, SSO, MFA e controle de acesso por fun\xe7\xf5es prontos para uso.",expandedDesc:"Autentica\xe7\xe3o segura com e-mail/senha, login social (Google, Facebook, Apple), SSO, MFA e controle de acesso por fun\xe7\xf5es (RBAC).",link:null},{id:"apis",title:"APIs e SDKs",icon:j,color:"#E74C3C",shortDesc:"APIs REST e GraphQL geradas automaticamente e SDKs nativos para cada plataforma.",expandedDesc:"Acesse seus dados por APIs REST e GraphQL geradas automaticamente. SDKs nativos para JavaScript, React Native, iOS, Android, Flutter, React e mais.",link:null},{id:"cloud-functions",title:"Cloud Functions",icon:b,color:"#9B59B6",shortDesc:"Fun\xe7\xf5es JavaScript serverless para l\xf3gica customizada e integra\xe7\xf5es.",expandedDesc:"Implante fun\xe7\xf5es serverless acionadas por triggers do banco, requisi\xe7\xf5es HTTP ou jobs agendados. Escreva l\xf3gica de neg\xf3cio, integre APIs de terceiros e processe dados sem gerenciar servidores.",link:null},{id:"storage",title:"Armazenamento de arquivos",icon:w,color:"#F39C12",shortDesc:"Armazene e entregue arquivos globalmente via CDN com otimiza\xe7\xe3o autom\xe1tica.",expandedDesc:"Envie, armazene e sirva arquivos (imagens, v\xeddeos, documentos) por uma CDN global. Inclui otimiza\xe7\xe3o de imagens, controle de acesso e upload direto do cliente.",link:null},{id:"realtime",title:"Tempo real",icon:g,color:"#E74C3C",shortDesc:"Consultas e assinaturas ao vivo para sincroniza\xe7\xe3o instant\xe2nea de dados.",expandedDesc:"Crie recursos em tempo real que enviam altera\xe7\xf5es para os clientes na hora. Ideal para chat, ferramentas colaborativas, dashboards ao vivo e jogos multiplayer.",link:null},{id:"push",title:"Notifica\xe7\xf5es push",icon:v,color:"#1ABC9C",shortDesc:"Push para iOS, Android e web com segmenta\xe7\xe3o e agendamento.",expandedDesc:"Engaje usu\xe1rios com notifica\xe7\xf5es segmentadas. Crie audi\xeancias, agende campanhas, fa\xe7a testes A/B e acompanhe m\xe9tricas de entrega.",link:null},{id:"ai-mcp",title:"IA e integra\xe7\xe3o MCP",icon:null,color:"gradient",shortDe
1sc:"Conecte agentes de IA ao seu backend com suporte ao Model Context Protocol.",expandedDesc:"Integre capacidades de IA ao seu backend. O suporte ao Model Context Protocol (MCP) permite que agentes de IA interajam com seus dados, executem fun\xe7\xf5es e automatizem fluxos.",link:"https://www.back4app.com/mcp"}],D={features:["Banco de dados","Open Source","Plano gratuito","Tempo real","AI/MCP","Deploy em containers","IA para frontend"],providers:[{name:"Back4app",database:"MongoDB",openSource:!0,freeTier:!0,realtime:!0,aiMcp:!0,containerDeployment:!0,aiFrontend:!0},{name:"Firebase",database:"Firestore",openSource:!1,freeTier:!0,realtime:!0,aiMcp:!0,containerDeployment:!0,aiFrontend:!0},{name:"Supabase",database:"PostgreSQL",openSource:!0,freeTier:!0,realtime:!0,aiMcp:!0,containerDeployment:!1,aiFrontend:!1},{name:"Appwrite",database:"MariaDB",openSource:!0,freeTier:!0,realtime:!0,aiMcp:!0,containerDeployment:!0,aiFrontend:!0},{name:"AWS Amplify",database:"DynamoDB",openSource:!1,freeTier:!0,realtime:!0,aiMcp:!0,containerDeployment:!1,aiFrontend:!1},]},P=[{title:"Aplica\xe7\xf5es SaaS",description:"Construa plataformas SaaS multi-tenant com gest\xe3o de usu\xe1rios, assinaturas e isolamento de dados.",icon:y,color:"#208AEC"},{title:"Apps m\xf3veis",description:"Alimente apps iOS, Android e multiplataforma com sync em tempo real, push e suporte offline.",icon:v,color:"#27AE60"},{title:"MVPs e prot\xf3tipos",description:"Lance r\xe1pido para validar ideias sem investir meses no backend.",icon:N,color:"#9B59B6"},{title:"Ferramentas internas",description:"Crie pain\xe9is admin, dashboards e ferramentas de fluxo com autentica\xe7\xe3o segura.",icon:C,color:"#F39C12"},{title:"E-commerce",description:"Monte carrinhos, gest\xe3o de pedidos e integra\xe7\xf5es de pagamento com bancos robustos.",icon:k,color:"#E74C3C"},{title:"Apps em tempo real",description:"Chat, colabora\xe7\xe3o ao vivo e jogos multiplayer com sincroniza\xe7\xe3o instant\xe2nea de dados.",icon:g,color:"#1ABC9C"},],M=[{title:"Time-to-market mais r\xe1pido",description:"Lance em dias em vez de meses. Infraestrutura pronta permite come\xe7ar a construir funcionalidades na hora.",icon:N,color:"#208AEC"},{title:"Custos menores",description:"Sem necessidade de contratar especialistas em backend ou manter servidores. Pague s\xf3 pelo que usar.",icon:k,color:"#27AE60"},{title:"Seguran\xe7a integrada",description:"Seguran\xe7a de n\xedvel enterprise com SOC 2, HIPAA, criptografia e controle de acesso por fun\xe7\xf5es.",icon:function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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:"Escalabilidade autom\xe1tica",description:"Lide com picos de tr\xe1fego automaticamente. Escale de 100 a 1 milh\xe3o de usu\xe1rios sem mudar c\xf3digo.",icon:y,color:"#E74C3C"},{title:"Zero DevOps",description:"Sem servidores para gerenciar, corrigir ou monitorar. Foque no produto; a infraestrutura fica por nossa conta.",icon:C,color:"#F39C12"},{title:"Foco no produto",description:"Invista tempo em funcionalidades que os usu\xe1rios amam, n\xe3o em configurar bancos ou c\xf3digo repetitivo.",icon:function(e){var t=e.className;return(0,i.jsxs)("svg",{className:t,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"},],z=function(){var e=(0,n.useState)({}),t=e[0],a=e[1],c=(0,n.useState)({}),d=c[0],m=c[1],$=(0,n.useState)("all"),N=$[0],k=$[1],z=(0,n.useState)(!1),q=z[0],I=z[1],W=(0,n.useRef)({});(0,n.useEffect)(function(){var e=[];return["hero","howItWorks","features","benefits","comparison","decisionMatrix","useCases","limitations","choose","providers","faq","cta"].forEach(function(t){var i=new IntersectionObserver(function(e){e.forEach(function(e){e.isIntersecting&&a(function(e){return(0,o.Z)((0,r.Z)({},e),(0,s.Z)({},t,!0))})})},{threshold:.1});W.current[t]&&i.observe(W.current[t]),e.push(i)}),function(){return e.forEach(function(e){return e.disconnect()})}},[]),(0,n.useEffect)(function(){var e=function(){var e,t=window.scrollY+window.innerHeight;I(t>document.documentElement.scrollHeight-400)};return window.addEventListener("scroll",e),e(),function(){return window.removeEventListener("scroll",e)}},[]);var O=function(e){m(function(t){return(0,o.Z)((0,r.Z)({},t),(0,s.Z)({},e,!t[e]))})},F={"@context":"https://schema.org","@type":"FAQPage",mainEntity:E.map(function(e){return{"@type":"Question",name:e.question,acceptedA
1nswer:{"@type":"Answer",text:e.answer}}})},T=function(){return"all"===N?D.providers:"open-source"===N?D.providers.filter(function(e){return e.openSource}):"ai-frontend"===N?D.providers.filter(function(e){return e.aiFrontend}):D.providers};return(0,i.jsxs)("div",{className:"font-secondary bg-[#0F1C32] relative",children:[(0,i.jsxs)(x(),{children:[(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(F)}}),(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"HowTo",name:"Como construir um app usando Backend como Servi\xe7o",description:"Tr\xeas passos para ir da ideia \xe0 produ\xe7\xe3o com um BaaS",step:[{"@type":"HowToStep",position:1,name:"Conectar via APIs e SDKs",text:"Use APIs REST, GraphQL ou SDKs nativos para JavaScript, iOS, Android, Flutter e mais. Sem c\xf3digo de backend."},{"@type":"HowToStep",position:2,name:"Adicionar l\xf3gica customizada",text:"Implante Cloud Functions serverless para l\xf3gica de neg\xf3cio, webhooks e integra\xe7\xf5es de terceiros sem gerenciar servidores."},{"@type":"HowToStep",position:3,name:"Escalar automaticamente",text:"Seu backend escala com a demanda. Lide com picos de tr\xe1fego automaticamente, sem planejamento de capacidade ou mudan\xe7as de infraestrutura."}]})}}),(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"Article",headline:"O que \xe9 Backend como Servi\xe7o (BaaS)? Guia Completo 2026",description:"Aprenda o que \xe9 Backend como Servi\xe7o, como funciona, recursos principais, benef\xedcios e como escolher o provedor BaaS. Compare Back4app, Firebase e Supabase.",image:"https://www.back4app.com/baas-hero-illustration.png",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/o-que-e-backend-como-servico-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:"In\xedcio",item:"https://www.back4app.com"},{"@type":"ListItem",position:2,name:"Backend como Servi\xe7o",item:"https://www.back4app.com/o-que-e-backend-como-servico-baas"}]})}})]}),(0,i.jsx)(u.Z,{title:"O que \xe9 Backend como Servi\xe7o (BaaS)? Guia Completo 2026",descriptionText:"Aprenda o que \xe9 Backend como Servi\xe7o, como funciona, recursos principais, benef\xedcios e como escolher o provedor BaaS certo. Compare Back4app, Firebase e Supabase.",keywordText:"backend como servi\xe7o, baas, o que \xe9 baas, exemplos de backend como servi\xe7o, baas vs paas, alternativa firebase, alternativa supabase, parse server, backend mongodb",path:"https://www.back4app.com/o-que-e-backend-como-servico-baas"}),(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(q?"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:"Conte\xfado"}),(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."})," Como o BaaS funciona"]}),(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."})," Recursos principais"]}),(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."})," Benef\xedcios"]}),(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."})," Casos de uso"]}),(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. customizado"]}),(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."})," Matriz de decis\xe3o"]}),(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."})," Limita\xe7\xf5es"]}),(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:"08."})," Provedores"]}),(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:"09."})," FAQ"]})]})]})}),(0,i.jsxs)("main",{className:"xl:pl-56",children:[(0,i.jsx)("section",{ref:function(e){return W.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:"In\xedcio"})}),(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 como Servi\xe7o"})})]})}),(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"})}),"Guia Backend como Servi\xe7o"]}),(0,i.jsx)("p",{className:"text-white/40 text-sm mb-6",children:"\xdaltima atualiza\xe7\xe3o: fevereiro de 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:"O que \xe9 "}),(0,i.jsx)("span",{className:"text-[#208AEC]",children:"Backend como Servi\xe7o"}),(0,i.jsx)("span",{className:"text-white",children:"?"})]}),(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:"Defini\xe7\xe3o:"})," Backend como Servi\xe7o (Backend as a Service â BaaS) \xe9 uma plataforma em nuvem que oferece componentes de backend prontos para usoâbancos de dados, autentica\xe7\xe3o, APIs e fun\xe7\xf5es em nuvemâpara voc\xea construir apps sem gerenciar servidores. \xc9 ideal para startups, MVPs e times que querem lan\xe7ar mais r\xe1pido, reduzir custos e focar no produto em vez da infraestrutura."]})})}),(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)(l(),{src:"/_public/img/baas-hero-illustration.png",alt:"O que \xe9 Backend como Servi\xe7o? Ilustra\xe7\xe3o de como o BaaS conecta seu app a bancos de dados, autentica\xe7\xe3o, APIs e fun\xe7\xf5es em nuvem",width:600,height:400,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 como Servi\xe7o (BaaS)"})," \xe9 um modelo de computa\xe7\xe3o em nuvem que permite terceirizar a parte ânos bastidoresâ das suas aplica\xe7\xf5es web ou m\xf3veis."]}),(0,i.jsx)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-4 text-left",children:"Ao oferecer componentes prontos para bancos de dados, autentica\xe7\xe3o de usu\xe1rios e gest\xe3o de APIs, o BaaS permite construir apps sem escrever c\xf3digo de servidor ou gerenciar hardware."}),(0,i.jsxs)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-4 text-left",children:["Diferente do backend tradicional, que exige configura\xe7\xe3o manual de servidores e middleware, o BaaS usa APIs e ",(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:"SDKs"})," para conectar seu frontend \xe0 nuvem."]}),(0,i.jsx)("p",{className:"font-secondary text-base lg:text-lg text-white/70 leading-relaxed mb-6 text-left",children:"Essa abordagem acelera o time-to-market e reduz custos de DevOps, sendo a escolha padr\xe3o para startups e times \xe1geis que constroem aplica\xe7\xf5es modernas e escal\xe1veis."})]})]})}),(0,i.jsx)("section",{id:"how-it-works",ref:function(e){return W.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:["Como funciona um ",(0,i.jsx)("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-[#208AEC] to-[#27AE60]",children:"Backend como Servi\xe7o"}),"?"]})}),(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:'O BaaS funciona como uma camada de infraestrutura "plug-and-play" que conecta seu frontend a componentes de backend na nuvem por APIs e SDKs padronizados.'}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg leading-relaxed mb-4 text-left",children:"Em vez de arquitetar l\xf3gica de servidor customizada, voc\xea integra servi\xe7os gerenciadosâcomo bancos de dados e autentica\xe7\xe3oâdiretamente no c\xf3digo do cliente."}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg leading-relaxed text-left",children:"Isso elimina a necessidade de provisionar servidores manualmente, permitindo implantar funcionalidade full-stack com poucas linhas de c\xf3digo."})]}),(0,i.jsx)("div",{className:"mb-12 transition-all duration-700 ".concat(t.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:"Suas aplica\xe7\xf5es"}),(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:"Plataforma Backend como Servi\xe7o"}),(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)(f,{className:"w-5 h-5 text-[#208AEC]"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"Banco"})]}),(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)(_,{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)(j,{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)(w,{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)(v,{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)(g,{className:"w-5 h-5 text-[#E74C3C]"})}),(0,i.jsx)("span",{className:"text-white/60 text-[10px]",children:"Tempo real"})]}),(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:"Gerenciado pelo 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)(C,{className:"w-8 h-8 text-white/60"})}),(0,i.jsx)("div",{className:"text-white/50 text-xs mt-2",children:"Servidores, escalabilidade, seguran\xe7a"})]})]})})}),(0,i.jsx)("h3",{className:"text-xl md:text-2xl font-primary font-semibold text-white mb-8 text-center",children:"Tr\xeas passos para ir da ideia \xe0 produ\xe7\xe3o com um 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)(j,{className:"w-6 h-6 text-[#208AEC]"})}),(0,i.jsx)("h4",{className:"text-lg font-semibold text-white mb-3",children:"Conectar via APIs e SDKs"}),(0,i.jsx)("p",{className:"text-white/60 leading-relaxed text-sm",children:"Use APIs REST, GraphQL ou SDKs nativos para JavaScript, iOS, Android, Flutter e mais. Sem c\xf3digo de 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:"Adicionar l\xf3gica customizada"}),(0,i.jsx)("p",{className:"text-white/60 leading-relaxed text-sm",children:"Implante Cloud Functions serverless para l\xf3gica de neg\xf3cio, webhooks e integra\xe7\xf5es de terceiros sem gerenciar servidores."})]})]}),(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:"Escalar automaticamente"}),(0,i.jsx)("p",{className:"text-white/60 leading-relaxed text-sm",children:"Seu backend escala com a demanda. Lide com picos de tr\xe1fego automaticamente, sem planejamento de capacidade ou mudan\xe7as de infraestrutura."})]})]})]})]})}),(0,i.jsx)("section",{id:"features",ref:function(e){return W.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:"Recursos principais de uma plataforma BaaS"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Tudo que voc\xea precisa para construir aplica\xe7\xf5es modernas, pronto para uso."})]}),(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 O(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:"Saiba mais â"})]})]},e.id)})})]})}),(0,i.jsx)("section",{id:"benefits",ref:function(e){return W.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:"Por que usar um Backend como Servi\xe7o?"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"O BaaS elimina a complexidade do desenvolvimento de backend para voc\xea focar em construir \xf3timos produtos."})]}),(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:"Por que usar um Backend como Servi\xe7o?",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})}),(0,i.jsx)("p",{className:"text-white/40 text-sm text-center mt-3",children:"Assista: Por que usar um Backend como Servi\xe7o?"})]}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:M.map(function(e,a){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(t.benefits?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),style:{transitionDelay:"".concat(100*a,"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 W.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:"Casos de uso comuns do BaaS"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Backend como Servi\xe7o \xe9 ideal para uma ampla gama de aplica\xe7\xf5es."})]}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:P.map(function(e,a){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(t.useCases?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),style:{transitionDelay:"".concat(100*a,"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 W.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. construir do zero"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Veja como usar um Backend como Servi\xe7o se compara ao desenvolvimento tradicional de backend."})]}),(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(t.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:"Aspecto"}),(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:"Construir do zero"})]})}),(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:"Tempo para lan\xe7ar"}),(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"}),"Dias/semanas"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Meses"})]}),(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:"Custo inicial"}),(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"}),"Baixo (sob demanda)"]}
1)}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Alto (equipe + infra)"})]}),(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:"Expertise em 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"}),"M\xednima"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Extensa"})]}),(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:"Escalabilidade"}),(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"}),"Autom\xe1tica"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Configura\xe7\xe3o 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:"Manuten\xe7\xe3o"}),(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"}),"Gerenciada"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Sua responsabilidade"})]}),(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{scope:"row",className:"px-6 py-4 text-white text-left font-normal",children:"Atualiza\xe7\xf5es de seguran\xe7a"}),(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"}),"Autom\xe1ticas"]})}),(0,i.jsx)("td",{className:"px-6 py-4 text-center text-white/50",children:"Manuais"})]})]})]})})})]})}),(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:"Entenda como o Backend como Servi\xe7o se compara a outros modelos de computa\xe7\xe3o em nuvem."})]}),(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:"Gerenciado pelo provedor"}),(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:"Infraestrutura (servidores, rede)"}),(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 e SO"}),(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)(S,{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:"Escalabilidade"}),(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)(S,{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:"Banco de dados"}),(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)(S,{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)(S,{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:"Autentica\xe7\xe3o"}),(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)(S,{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)(S,{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)(S,{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)(S,{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:"Armazenamento de arquivos"}),(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)(S,{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)(S,{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:"Notifica\xe7\xf5es 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)(S,{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)(S,{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:"Exemplos de 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:"Exemplos de 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:"Exemplos de 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 W.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:"Matriz de decis\xe3o: BaaS ou backend customizado?"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Use este framework para decidir se o BaaS \xe9 a escolha certa para seu projeto."})]}),(0,i.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 transition-all duration-700 ".concat(t.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"}),"Use BaaS quando..."]}),(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:"Voc\xea precisa lan\xe7ar r\xe1pido (MVP, prot\xf3tipo, 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:"Sua equipe tem pouca expertise em backend ou recursos de 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:"Recursos padr\xe3o (auth, CRUD, storage) cobrem a maior parte das necessidades"})]}),(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:"O or\xe7amento \xe9 limitado e voc\xea precisa de custos previs\xedveis"})]}),(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:"Requisitos de escala s\xe3o imprevis\xedveis"})]})]})]}
1),(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)(S,{className:"w-6 h-6"}),"Construa customizado quando..."]}),(0,i.jsxs)("ul",{className:"space-y-4",children:[(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(S,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Voc\xea precisa de algoritmos propriet\xe1rios ou processamento de dados complexo"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(S,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Controle total da infraestrutura \xe9 exig\xeancia regulat\xf3ria"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(S,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Voc\xea tem equipe de DevOps dedicada e quer gerenciar a infraestrutura"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(S,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Em escala massiva, otimiza\xe7\xe3o de custo \xe9 cr\xedtica"})]}),(0,i.jsxs)("li",{className:"flex items-start gap-3",children:[(0,i.jsx)(S,{className:"w-5 h-5 text-[#E74C3C] flex-shrink-0 mt-0.5"}),(0,i.jsx)("span",{className:"text-white/70",children:"Seu backend \xc9 o produto (empresa de infraestrutura)"})]})]})]})]})]})}),(0,i.jsx)("section",{id:"limitations",ref:function(e){return W.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:"Limita\xe7\xf5es e trade-offs"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Entender esses pontos ajuda a decidir se o BaaS \xe9 ideal para seu projeto."})]}),(0,i.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 transition-all duration-700 ".concat(t.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:"Plataformas propriet\xe1rias podem dificultar a migra\xe7\xe3o. Escolha solu\xe7\xf5es open source como o Back4app para portabilidade de dados."})]}),(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:"Custo em escala"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Pre\xe7o sob demanda pode ficar caro em volumes muito altos. Infraestrutura pr\xf3pria pode gerar economia em escala extrema."})]}),(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:"Limites de customiza\xe7\xe3o"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Menos controle sobre configura\xe7\xf5es de servidor e tuning de banco. Algoritmos propriet\xe1rios complexos podem exigir backend customizado."})]}),(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:"Visibilidade reduzida"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Depura\xe7\xe3o pode ser mais dif\xedcil sem controle total da stack. Procure provedores com logging e monitoramento robustos."})]}),(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:"Controle da infraestrutura"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Se precisar de controle total de rede, desempenho bare-metal ou configura\xe7\xf5es espec\xedficas de servidor, considere 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:"Requisitos de conformidade"}),(0,i.jsx)("p",{className:"text-white/50 text-sm leading-relaxed",children:"Algumas regulamenta\xe7\xf5es podem exigir hospedagem on-premise. Confirme se o provedor BaaS atende \xe0s suas necessidades de conformidade."})]})]})]})}),(0,i.jsx)("section",{ref:function(e){return W.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:"Como escolher um provedor BaaS?"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Avalie provedores com base nestes crit\xe9rios para encontrar o melhor para seu projeto."})]}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[{title:"Open source vs. propriet\xe1rio",desc:"Plataformas open source como o Back4app oferecem mais flexibilidade e evitam vendor lock-in."},{title:"Modelo de pre\xe7o",desc:"Compare pre\xe7os previs\xedveis com pay-as-you-go. Aten\xe7\xe3o a custos ocultos de banda e armazenamento."},{title:"Propriedade e portabilidade dos dados",desc:"Voc\xea consegue exportar seus dados com facilidade? Pode fazer self-host se precisar?"},{title:"Conformidade (SOC 2, HIPAA, GDPR)",desc:"Garanta que o provedor atende aos requisitos de seguran\xe7a e regulat\xf3rios."},{title:"Risco de vendor lock-in",desc:"Avalie o qu\xe3o dif\xedcil seri
1a migrar no futuro, se necess\xe1rio."},{title:"Comunidade e documenta\xe7\xe3o",desc:"Boa documenta\xe7\xe3o e comunidade ativa aceleram o desenvolvimento."},].map(function(e,a){return(0,i.jsx)("div",{className:"p-5 rounded-xl bg-white/[0.02] border border-white/10 transition-all duration-500 ".concat(t.choose?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),style:{transitionDelay:"".concat(100*a,"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})]})]})},e.title)})})]})}),(0,i.jsx)("section",{id:"providers",ref:function(e){return W.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:"Principais provedores de Backend como Servi\xe7o (2026)"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Compare as principais plataformas BaaS para encontrar a melhor para seu projeto."})]}),(0,i.jsxs)("div",{className:"mb-12",children:[(0,i.jsx)(h.Z,{title:"Back4app",subtitle:"Melhor para desenvolvimento com IA e arquitetura open source escal\xe1vel",desc:"Lidera em 2026 com um Agente de IA integrado para gera\xe7\xe3o de backend em linguagem natural e suporte ao Model Context Protocol (MCP), permitindo que agentes de c\xf3digo (como Cursor ou Windsurf) gerenciem sua infraestrutura diretamente. Baseado no Parse Server, oferece a flexibilidade do Relational NoSQL, Container as a Service (CaaS) integrado e seguran\xe7a enterprise com conformidade SOC 2 e HIPAA para evitar vendor lock-in."}),(0,i.jsx)(h.Z,{title:"Firebase",subtitle:"Melhor para ecossistema Google e analytics m\xf3vel",desc:"Permanece a principal escolha para desenvolvedores que precisam de integra\xe7\xe3o profunda com o Google Cloud, usando o Firebase Data Connect para trazer PostgreSQL gerenciado ao fluxo m\xf3vel. Com assist\xeancia nativa do Gemini para Cloud Functions e pipelines diretos ao BigQuery para analytics em tempo real, \xe9 o padr\xe3o para aplica\xe7\xf5es de alto crescimento que priorizam o conjunto de marketing e crash reporting do Google."}),(0,i.jsx)(h.Z,{title:"Supabase",subtitle:"Melhor para usu\xe1rios avan\xe7ados de SQL e Postgres em tempo real",desc:"Como principal alternativa open source ao Firebase, destaca-se ao oferecer um ambiente PostgreSQL completo com Row Level Security (RLS) para prote\xe7\xe3o granular de dados. Inclui Edge Functions (Deno) de baixa lat\xeancia, assinaturas em tempo real e a extens\xe3o pgvector, sendo a escolha preferida para apps com IA que exigem busca sem\xe2ntica de alta performance e integridade relacional."}),(0,i.jsx)(h.Z,{title:"Appwrite",subtitle:"Melhor para times focados em privacidade e desempenho com MariaDB",desc:"\xc9 um BaaS self-hosted de destaque que usa MariaDB e a API TablesDB para gest\xe3o relacional otimizada e de alta performance. Pensado para deploy com Docker, oferece um conjunto leve e unificado de APIs para autentica\xe7\xe3o e armazenamento, dando aos desenvolvedores soberania total dos dados e a op\xe7\xe3o de rodar todo o backend em infraestrutura privada ou na Appwrite Cloud."}),(0,i.jsx)(h.Z,{title:"AWS Amplify",subtitle:"Melhor para implanta\xe7\xe3o r\xe1pida na stack AWS",desc:"Oferece um fluxo enxuto e TypeScript-first (Gen 2) que permite definir infraestrutura como c\xf3digo direto no reposit\xf3rio. Ao abstrair a complexidade da Amazon Web Services, integra-se com DynamoDB, AppSync (GraphQL) e AWS CDK, sendo a op\xe7\xe3o mais poderosa para apps em escala enterprise j\xe1 inseridos no ecossistema 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:"Veja como esses provedores se comparam nos principais recursos"}),(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 k("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:"Todos os provedores"}),(0,i.jsx)("button",{onClick:function(){return k("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:"Apenas open source"}),(0,i.jsx)("button",{onClick:function(){return k("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:"IA para 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(t.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:"Recurso"}),T().map(function(e,t){return(0,i.jsxs)("th",{scope:"col",className:"px-4 py-4 text-center font-semibold ".concat(0===t?"text-[#27AE60]":"text-white"),children:[e.name,0===t&&(0,i.jsx)("span",{className:"block text-xs text-[#27AE60]/70 font-normal",children:"Recomendado"})]},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"}),T().map(function(e,t){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.openSource?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(S,{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:"Banco de dados"}),T().map(function(e,t){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"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:"Plano gratuito"}),T().map(function(e,t){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.freeTier?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(S,{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:"Tempo real"}),T().map(function(e,t){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.realtime?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(S,{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"}),T().map(function(e,t){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.aiMcp?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(S,{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 em containers"}),T().map(function(e,t){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.containerDeployment?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(S,{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:"IA para frontend"}),T().map(function(e,t){return(0,i.jsx)("td",{className:"px-4 py-3 text-center ".concat(0===t?"bg-[#27AE60]/5":""),children:e.aiFrontend?(0,i.jsx)(A,{className:"w-5 h-5 text-[#27AE60] mx-auto"}):(0,i.jsx)(S,{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:"Cada plataforma listada \xe9 l\xedder no espa\xe7o BaaS. A decis\xe3o de usar uma ou outra \xe9 subjetiva e depende do seu caso de uso, or\xe7amento e das prefer\xeancias da sua equipe de engenharia."}),(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 W.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:"Perguntas frequentes"}),(0,i.jsx)("p",{className:"text-white/60 text-base lg:text-lg max-w-3xl mx-auto",children:"Perguntas comuns sobre plataformas Backend como Servi\xe7o."})]}),(0,i.jsx)("div",{className:"space-y-4",children:E.map(function(e,t){return(0,i.jsx)(h.Z,{title:e.question,desc:e.answer},t)})})]})}),(0,i.jsxs)("section",{ref:function(e){return W.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:"Pronto para construir seu backend?"}),(0,i.jsx)("p",{className:"text-white/60 text-lg mb-10",children:"Comece seu projeto em minutos. N\xe3o \xe9 necess\xe1rio cart\xe3o de cr\xe9dito."}),(0,i.jsxs)("div",{className:"flex flex-col sm:flex-row justify-center gap-4",children:[(0,i.jsx)(p.Z,{onClick:function(){return window.location.href="/signup"},value:"Come\xe7ar gr\xe1tis",type:"primary",className:"h-12 px-8 font-semibold text-base"}),(0,i.jsx)(p.Z,{onClick:function(){return window.location.href="/pricing/backend-as-a-service"},value:"Ver pre\xe7os",type:"secondary",className:"h-12 px-8 font-semibold text-base"})]})]})]})]})," "]})};t.default=z},798495:function(e){e.exports={button:"Button_button__HxzDS",primary:"Button_primary__THcya",iconBtn:"Button_iconBtn__2gdUi",secondary:"Button_secondary__yn6de",default:"Button_default__9kuPH"}},269396:function(e,t,a){"use strict";function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);a.push.apply(a,s)}return a}
1)(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))}),e}a.d(t,{Z:function(){return s}})}},function(e){e.O(0,[25675,49774,92888,40179],function(){return e(e.s=717073)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.