https://alokai.com/assets/HeadlessFrontend.5b7f11c5.js

1import{_ as t}from"./chunk-296b2106.js";import{J as a,K as s,u as e}from"./chunk-783f4c96.js";import"./renderer/all.page.client.57e3a48c.js";import"./chunk-c3a08f60.js";/* empty css              */import"./chunk-12a1cd4d.js";import"./chunk-de093346.js";/* empty css              *//* empty css              */import"./chunk-638b6607.js";/* empty css              */import"./chunk-6a12a73f.js";/* empty css              */import"./chunk-d6424eb7.js";import"./chunk-f3a55c38.js";import"./chunk-a528452c.js";/* empty css              */import"./chunk-feb34304.js";import"./chunk-0a508117.js";/* empty css              */const i={route:"/solutions/headless-frontend",title:"Headless frontend for composable commerce",messaging:["solutions","global"],source:{type:"production-html",contentType:"page",url:"https://alokai.com/solutions/headless-frontend",entryUid:"blt59d7c2fd879fc04d",layoutUid:"bltda2ef67ce9b002e8",extractedAt:"2026-07-21"}},o={notFound:!1,uid:"blt59d7c2fd879fc04d",_version:7,locale:"en-us",ACL:{},_in_progress:!1,created_at:"2024-10-18T11:58:02.277Z",created_by:"blt3d859945be798f19",indexes:{noindex:!1,nofollow:!1},json_structured_data:"",modular_blocks:[{Hero:{theme:null,logo:null,_metadata:{uid:"cse58fcceb1eb2ffc3"},label:"Headless frontend for composable commerce",headline:"Get the freedom to build exactly what you want with headless frontend",description:"Build your website faster with core frontend components available out of the box and customize effortlessly",buttons:[{link:{title:"Let's talk",href:"/request-demo"},_metadata:{uid:"cs004d3814df287ce7"},target:"_self",use_id:!1,style_setup:{style:"primary",size:"base"},icon_setup:{icon:null,icon_position:"right"}}],background_color:"white",image:{uid:"bltca1b9afa2627afb7",_version:1,parent_uid:"blt82a810f827733eaf",title:"headless frontend hero.svg",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T11:33:48.659Z",updated_at:"2024-10-18T11:33:48.659Z",content_type:"image/svg+xml",file_size:"178666",filename:"headless_frontend_hero.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:58:30.918Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/bltca1b9afa2627afb7/6712479c88de88cf583e44d1/headless_frontend_hero.svg"},image_mobile:null,hero_video:"",visual:null,hero_video_cover:null,additional_resource:{title:"",type:"",link:{title:"",href:""},image:null},slides:[]}},{Centered2x2Grid:{title:"Everything you need to build headless frontend, out-of-the-box",_metadata:{uid:"cs44d45cecfeb2febb"},paragraph:"",background_color:"white",list:[{icon:{uid:"bltefb647d0154dcf36",_version:1,parent_uid:"blt82a810f827733eaf",title:"1.svg",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T11:35:27.055Z",updated_at:"2024-10-18T11:35:27.055Z",content_type:"image/svg+xml",file_size:"4789",filename:"1.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:58:31.139Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/bltefb647d0154dcf36/671247ffef9edc278717f325/1.svg"},_metadata:{uid:"cs4c960813afd55644"},header:"Functional ecommerce storefront",paragraph:"Accelerate your time to market pre-built frontend components and complete B2C & B2B customer journeys"},{icon:{uid:"blta948699b6566bd47",_version:1,parent_uid:"blt82a810f827733eaf",title:"2.svg",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T11:35:27.052Z",updated_at:"2024-10-18T11:35:27.052Z",content_type:"image/svg+xml",file_size:"2194",filename:"2.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:58:31.234Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/blta948699b6566bd47/671247ff4e915248aba9ca35/2.svg"},_metadata:{uid:"cs0cca63b58e150131"},header:"Freedom of customization",paragraph:"Build custom features and customer journeys faster with Storefront UI and Storefront Modules"},{icon:{uid:"bltfda8873d3e1565fd",_version:1,parent_uid:"blt82a810f827733eaf",title:"3.svg",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T11:35:27.048Z",updated_at:"2024-10-18T11:35:27.048Z",content_type:"image/svg+xml",file_size:"4704",filename:"3.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:57:52.566Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/bltfda8873d3e1565fd/671247ff0dcd9f760a9a2dce/3.svg"},_metadata:{uid:"cs2e8ca2ac0eaf3681"},header:"Integration layer and pre-built connectors",paragraph:"Connect any composable tool or use pre-built integrations maintained by Alokai"},{icon:{uid:"blt024deb435ab332c4",_version:1,title:"2.svg",parent_uid:"blt3c392365443eb818",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T09:33:15.118Z",updated_at:"2024-10-18T09:33:15.118Z",content_type:"image/svg+xml",file_size:"4061",filename:"2.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:57:52.455Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/blt024deb435ab332c4/67122b5bb7da802a15eb7a05/2.svg"},_metadata:{uid:"cs271d97874c54677b"},header:"Production-ready cloud platform",paragraph:"Lower total cost of ownership and speed up deployment with enterprise-grade cloud infrastru

1cture built for ecommerce frontends"}],buttons:[]}},{CardStats:{title:"Business agility accelerates revenue growth",_metadata:{uid:"cs8198cd39c86c1d41"},text:"",background_color:"light_green",card_display:null,is_background_full_width:!1,stats_style:null,stats:[{title:"3-6",_metadata:{uid:"cscdd5c0f182d98dd4"},subtitle:"Months to your first launch"},{title:"90+",_metadata:{uid:"cs7a345f19742b4cb5"},subtitle:"Lighthouse score out of the box"},{title:"99.9%",_metadata:{uid:"cs027ee3e0591ac9a1"},subtitle:"Infrastructure uptime SLA"}]}},{TestimonialSimple:{text:"We chose Alokai because of the out-of-the-box library with all of the components and the JavaScript frontend. This helped us save a huge amount of time for development.",_metadata:{uid:"cs46a78450a0758cbb"},author:"David Tidy",position:"Digital Product Manager at Brompton ",background_color:"white",alternative_layout:!1,testimonials:[{text:"We chose Alokai because of the out-of-the-box library with all of the components and the JavaScript frontend. This helped us save a huge amount of time for development.",_metadata:{uid:"cs3c9940bd06159e5d"},image:null,author:"David Tidy",position:"Digital Product Manager at Brompton ",big_image:null}]}},{FeaturesImageAndButton:{order:"normal",logo:null,_metadata:{uid:"cscd58de45f4822a01"},title:"Decouple your frontend from the backend and scale faster",paragraph:"",paragraph_rte:{type:"doc",attrs:{},uid:"cd9da0a24d094509b0e463e4c9ce50bd",children:[{uid:"4634cb9c3e3246638e26bd0cd37b7037",type:"p",children:[{text:"Update your frontend without affecting the backend and vice versa. This flexibility accelerates development cycles and improves maintainability."}],attrs:{}}],_version:7},background_color:"gray",theme:null,button:{link:{title:"",href:""},target:"_blank",analytics_button_label:"",style_setup:{style:"secondary",size:"base"},icon_setup:{icon:null,icon_position:"right"}},analytics_image_label:"",image_link:{title:"",href:""},image:{uid:"blt36e53f99873541fa",_version:1,parent_uid:"blt82a810f827733eaf",title:"decouple.svg",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T11:49:24.601Z",updated_at:"2024-10-18T11:49:24.601Z",content_type:"image/svg+xml",file_size:"117087",filename:"decouple.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:58:30.834Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/blt36e53f99873541fa/67124b44489d56d80f855db5/decouple.svg"},image_mobile:null,visual:null,video_cover:null}},{FeaturesImageAndButton:{order:"reverse",logo:null,_metadata:{uid:"cs00c24a9992d54f83"},title:"Replace frontend, keep your backend investment ",paragraph:"",paragraph_rte:{type:"doc",attrs:{},uid:"2fdccddbb69f4c0e84f4aacd831af36d",children:[{uid:"09f91f01850642b7ac48315e436cf551",type:"p",children:[{text:"Modernize without replatforming and benefit from the stability of your backend platform and the best-of-breed composable tools, without compromises. Bet on higher reliability, improved performance, and a reliable customer experience when it matters most. "}],attrs:{}}],_version:7},background_color:"white",theme:null,button:{link:{title:"Check all integrations",href:"https://docs.alokai.com/integrations/"},target:"_blank",analytics_button_label:"",style_setup:{style:"primary",size:"base"},icon_setup:{icon:null,icon_position:"left"}},analytics_image_label:"",image_link:{title:"",href:""},image:{uid:"bltc1d5f4b5e8f0621b",_version:1,parent_uid:"blt82a810f827733eaf",title:"keep your backend.svg",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T11:50:33.852Z",updated_at:"2024-10-18T11:50:33.852Z",content_type:"image/svg+xml",file_size:"79144",filename:"keep_your_backend.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:58:31.220Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/bltc1d5f4b5e8f0621b/67124b8975ad172ee7461fa1/keep_your_backend.svg"},image_mobile:null,visual:null,video_cover:null}},{FeaturesImageAndButton:{order:"normal",logo:null,_metadata:{uid:"cseeed45151b4a11cd"},title:"Expand to new channels and markets to scale as you grow",paragraph:"",paragraph_rte:{type:"doc",attrs:{},uid:"423ac814d3ec428f8bf623d4dfb03bb8",children:[{uid:"0b48af10dda94100906adeefd0115baf",type:"p",children:[{text:"Headless frontend enables content delivery across multiple channels like websites, mobile apps, IoT devices, digital kiosks, and more. The same backend content can be repurposed and presented differently depending on the target platform without affecting the customer experience."}],attrs:{}}],_version:7},background_color:"gray",theme:null,button:{link:{title:"See all integrations",href:"https://docs.alokai.com/integrations"},target:"_blank",analytics_button_label:"",style_setup:{style:"secondary",size:"base"},icon_setup:{icon:null,icon_position:"right"}},analytics_image_label:"",image_link:{title:"",href:""},image:{uid:"blt0538ef3dc4059ad6",_version:1,parent_uid:"blt82a810f827733eaf",title:"multichannel.svg",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T11:53:12.929Z",updated_at:"2024-10-18T11:53:12.929Z",content_type:"image/svg+xml",file_size:"42004",filename:"multichannel.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:58:31.123Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/blt0538ef3dc4059ad6/67124c288b5fc81cfe17c40a/multichannel.svg"},image_mobile:null,visual:null,video_cover:null}},{BrandPanel:{header:"Embrace the potential of a truly headless frontend",_metadata:{uid:"cs7a153d2650b44815"},paragraph:"Decouple your frontend from the backend for newly found freedom and customization",variant:null,background_color:"white",layout:null,newsletter_section:{heading:"",script:"",privacy_text:""},button:[{link:{title:"Request a demo",href:"/request-demo"},_metadata:{uid:"cs2fbf70735e1b631b"},target:"_self",data_analytics_label:"",style_setup:{style:"secondary",size:"large"},icon_setup:{is_arrow_left:!1,is_arrow_right:!0}}]}},{BlogThreeCardColumns:{title:"Recommended resources",_metadata:{uid:"csd74cd975810f6bec"},subtitle:"",theme:null,cards:[{image:{uid:"blt60802c802f3bc494",_version:1,title:"brompton case study.svg",parent_uid:"blt3c392365443eb818",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T09:36:55.830Z",updated_at:"2024-10-18T09:36:55.830Z",content_type:"image/svg+xml",file_size:"4286769",filename:"brompton_case_study.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:58:03.179Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/blt60802c802f3bc494/67122c379b1c346c6cbe9a0d/brompton_case_study.svg"},_metadata:{uid:"cs84a24e3839f6ba15"},category:"Case study",title:"Read Bromptons\u2019s case study",excerpt:"International expansion made in just a few months with Alokai",button:{link:{title:"Read now",href:"/case-studies/brompton-bikes"},target:"_blank",style_setup:{style:"secondary",size:"xs"},icon_setup:{icon:null,icon_position:"right"}}},{image:{uid:"blt22a8ab903b82e9da",_version:1,parent_uid:"blt92c1e5ea354643ff",title:"image 2.svg",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-09-10T11:56:35.439Z",updated_at:"2024-09-10T11:56:35.439Z",content_type:"image/svg+xml",file_size:"518285",filename:"image_2.svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-09-12T11:45:09.153Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/blt22a8ab903b82e9da/66e033f3b9afad417ae72a98/image_2.svg"},_metadata:{uid:"cs8c91eee1e872a8d6"},category:"Whitepaper",title:"How frontend drives customer experience",excerpt:"Learn why frontend is paramount for your customers and revenue",button:{link:{title:"Download now",href:"/resources/frontend-drives-customer-experience"},target:"_blank",style_setup:{style:"secondary",size:"xs"},icon_setup:{icon:null,icon_position:"right"}}},{image:{uid:"blt4979375826698f24",_version:1,title:"image (3).svg",parent_uid:"blt82a810f827733eaf",created_by:"blt3d859945be798f19",updated_by:"blt3d859945be798f19",created_at:"2024-10-18T11:56:09.305Z",updated_at:"2024-10-18T11:56:09.305Z",content_type:"image/svg+xml",file_size:"25882",filename:"image_(3).svg",ACL:{},is_dir:!1,tags:[],publish_details:{time:"2024-10-30T11:58:31.249Z",user:"blt3d859945be798f19",environment:"blt4a008aeca74071f0",locale:"en-us"},url:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/blt4979375826698f24/67124cd9134c18c06167dae4/image_(3).svg"},_metadata:{uid:"csb92d468511502326"},category:"Blog",title:"How to modernize your SAP CC with headless frontend",excerpt:"An expert commentary on the perks of headless architecture",button:{link:{title:"Read now",href:"/blog/modernize-sap-cc-storefront-with-headless-frontend"},target:"_blank",style_setup:{style:"secondary",size:"xs"},icon_setup:{icon:null,icon_position:"right"}}}]}},{faq:{title:"",_metadata:{uid:"csf48d1a46dc7c6640"},background_color:"white",faqs:[{question:"Is Alokai a headless CMS?",_metadata:{uid:"csddb20b81b4ed7e56"},answer:"",answer_rte:{type:"doc",attrs:{},uid:"5c8145a721a341a09d52512c8352edbb",children:[{uid:"91e2c3a8ba5e437caafffae0793fec8c",type:"p",children:[{text:"No, Alokai is not a headless CMS, it is a comprehensive Frontend as a Service solution. We do, however, offer integrations with some of the best headless CMS platforms on the market and expert guidance when it comes to setup. With Alokai, you get to build a whole headless frontend with ready-made components available out of the box."}],attrs:{}}],_version:7}},{question:"What is Frontend as a Service (FEaaS)?",_metadata:{uid:"csc24bd4745409175a"},answer:"",answer_rte:{type:"doc",attrs:{},uid:"1ee5297b82a149aca109b1fe4d193e48",children:[{uid:"d7dd0245e9c647b7a7b93d8e348cdcc8",type:"p",children:[{text:"Frontend as a Service (FEaaS) is the older category name for what Alokai now delivers as an end-to-e

1nd frontend platform: a cloud-based solution to build, manage, and deploy your ecommerce frontends. It provides developers with customizable UI components, orchestration layer, and cloud infrastructure, enabling faster, more efficient creation of high-performance websites. FEaaS is often integrated with composable commerce solutions to optimize speed, flexibility, and customer experience."}],attrs:{}}],_version:7}},{question:"What is headless frontend?",_metadata:{uid:"cs4179e867153c0049"},answer:"",answer_rte:{type:"doc",attrs:{},uid:"ec372b7391e743ec9352f1c9a5139015",children:[{uid:"a3fc34f7434c4e4b8e14324c89e357dc",type:"p",children:[{text:"A headless frontend separates the presentation layer (UI) from the backend systems, allowing developers to work independently on the frontend experience using modern technologies like React or Vue.js. This decoupling offers more flexibility in delivering optimized, fast-loading websites, improved SEO performance, and the ability to quickly adapt to evolving customer needs without altering the backend."}],attrs:{}}],_version:7}},{question:"What are the best headless CMSs on the market?",_metadata:{uid:"csdd61dcc2b0b3feb1"},answer:"",answer_rte:{type:"doc",attrs:{},uid:"8208bf58eca24b438bc0072885f25d3a",children:[{uid:"d4fc1e6edcd64e7ebfb0fd1178979225",type:"p",children:[{text:"Several headless CMS options dominate the market, offering flexibility, performance, and easy integration with headless frontends. Some of the top choices include Contentful, Strapi, Sanity, and Prismic. These CMSs allow businesses to manage and deliver content efficiently while integrating with modern frontend frameworks to create fast, scalable ecommerce experiences. The right CMS will depend on your specific needs, from content organization to API flexibility."}],attrs:{}}],_version:7}}]}}],seo:{seo_title:"Headless Frontend That Connects and Customizes | Alokai",meta_description:"Choose a headless frontend that integrates with many ecommerce backends. Launch in months, not years, and integrate headless CMS, search or payments.",og_image:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/bltcd2c67d31668a51a/671248672fb22ea3e65b1886/Headless_frontend.png",canonical_url:"",sitemap_priority:"0.8"},tags:[],title:"Headless frontend for composable commerce",updated_at:"2026-02-19T15:21:25.370Z",updated_by:"bltfffa1aafccfb464c",url:"/solutions/headless-frontend",width:"full",publish_details:{time:"2026-02-19T15:21:30.472Z",user:"bltfffa1aafccfb464c",environment:"blt4a008aeca74071f0",locale:"en-us"},_embedded_items:{"modular_blocks.FeaturesImageAndButton.paragraph_rte":[],"modular_blocks.faq.faqs.answer_rte":[]},seo_props:{title:"Headless Frontend That Connects and Customizes | Alokai",ogImage:"https://images.contentstack.io/v3/assets/bltb1a38d5d52a9d1a1/bltcd2c67d31668a51a/671248672fb22ea3e65b1886/Headless_frontend.png",metaDescription:"Choose a headless frontend that integrates with many ecommerce backends. Launch in months, not years, and integrate headless CMS, search or payments.",canonicalUrl:""},json_faq:'{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Is Alokai a headless CMS?","acceptedA

1nswer":{"@type":"Answer","text":"No, Alokai is not a headless CMS, it is a comprehensive Frontend as a Service solution. We do, however, offer integrations with some of the best headless CMS platforms on the market and expert guidance when it comes to setup. With Alokai, you get to build a whole headless frontend with ready-made components available out of the box."}},{"@type":"Question","name":"What is Frontend as a Service (FEaaS)?","acceptedAnswer":{"@type":"Answer","text":"Frontend as a Service (FEaaS) is the older category name for what Alokai now delivers as an end-to-end frontend platform: a cloud-based solution to build, manage, and deploy your ecommerce frontends. It provides developers with customizable UI components, orchestration layer, and cloud infrastructure, enabling faster, more efficient creation of high-performance websites. FEaaS is often integrated with composable commerce solutions to optimize speed, flexibility, and customer experience."}},{"@type":"Question","name":"What is headless frontend?","acceptedA

1nswer":{"@type":"Answer","text":"A headless frontend separates the presentation layer (UI) from the backend systems, allowing developers to work independently on the frontend experience using modern technologies like React or Vue.js. This decoupling offers more flexibility in delivering optimized, fast-loading websites, improved SEO performance, and the ability to quickly adapt to evolving customer needs without altering the backend."}},{"@type":"Question","name":"What are the best headless CMSs on the market?","acceptedAnswer":{"@type":"Answer","text":"Several headless CMS options dominate the market, offering flexibility, performance, and easy integration with headless frontends. Some of the top choices include Contentful, Strapi, Sanity, and Prismic. These CMSs allow businesses to manage and deliver content efficiently while integrating with modern frontend frameworks to create fast, scalable ecommerce experiences. The right CMS will depend on your specific needs, from content organization to API flexibility."}}]}'},z={__name:"HeadlessFrontend",setup(n){return(d,l)=>(a(),s(t,{"static-state":e(o),"static-layout-uid":e(i).source.layoutUid},null,8,["static-state","static-layout-uid"]))}};export{z as default};