{"id":270056,"date":"2024-01-23T07:34:03","date_gmt":"2024-01-23T12:34:03","guid":{"rendered":"https:\/\/www.webscale.com\/blog\/headless-commerce-drives-edge-computing-adoption\/"},"modified":"2024-01-24T15:34:17","modified_gmt":"2024-01-24T20:34:17","slug":"headless-commerce-drives-edge-computing-adoption","status":"publish","type":"post","link":"https:\/\/www.webscale.com\/blog\/headless-commerce-drives-edge-computing-adoption\/","title":{"rendered":"Headless Commerce Drives Edge Computing Adoption"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">In e-commerce today, the challenge to meet and exceed customer expectations is driving innovation. The demand for frictionless shopping, 24\/7 availability, superior product and impeccable service quality is ever increasing, putting pressure on retailers to deliver goods as seamlessly, quickly and engagingly as possible. Brands need to frequently update content to create attractive, compelling digital experiences while still delivering a seamless purchasing process.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">e-Commerce merchants that want to grab a competitive edge by delivering better user experiences are <\/span><a href=\"https:\/\/www.bloomreach.com\/en\/blog\/2019\/08\/headless-commerce.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">increasingly transitioning<\/span><\/a><span style=\"font-weight: 400;\"> to headless commerce, an approach to building a digital store that enables both content and commerce to thrive.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Headless commerce is a solution that decouples a website\u2019s presentation layer (the front-end), from its business logic\/function layer (the back-end). <\/span><a href=\"https:\/\/www.ecommercetimes.com\/story\/85956.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">According to Adam Sturrock<\/span><\/a><span style=\"font-weight: 400;\">, former Vice President of Customer Success at Moltin, \u201cHeadless commerce essentially brings two concepts together \u2013 a turnkey SaaS back-end with the core commerce functionality and utility APIs as the delivery mechanism to connect the head\u201d.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">The Benefits of Headless Commerce<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">There are numerous benefits to headless commerce, including:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A flexible front-end and the ability to create more unique content, helping to attract more organic traffic, an imperative in today\u2019s crowded field;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Greater opportunity to customize your website or app through more advanced personalization, AI or AR capabilities;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Sales and marketing teams can easily make changes and updates to the presentation layer without necessarily needing support from IT;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">As a result of the microservices architecture, you have the option to swap providers as needed, as opposed to having to migrate to an entirely new e-commerce platform;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ability to leverage best-of-breed providers for various back-end functions (e.g. the search or product content does not need to live in the same platform at the cart\/checkout solution);<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Technical teams typically see headless as a way to be more agile and faster in relation to handling their workload;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The same back-end can power numerous front-end experiences, helping enable different options for different regions or countries, or enable multi-site needs;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Easily adaptable around consumer preference with the chance to offer seamless digital experiences across multiple channels and devices (from desktop and mobile browsers to social media to emerging channels such as voice assistants or AR);<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You can use a Content Management System (CMS) you may have already invested in and simply add commerce capabilities;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A lightweight API controls data transmission between different systems &#8211; product, content, customer data, financials, and other systems exist separately, free from front-end related code or processes, enabling faster delivery of content;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Improved security because of the decoupling of content and commerce. Finely tuned access control lists (ACLs) can be used to limit access to specific users and systems;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Greater efficiency with often lower costs as each microservice scales to meet demand.<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Challenges with Headless Commerce<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Despite all the advantages, there are some challenges with headless commerce, one of which stems from limitations with SEO around single page apps. Google\u2019s primary indexing only looks at the HTML of a page and not content rendered by JavaScript. To solve this, many are starting to leverage server-side rendering of single page apps at the edge.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Another challenge is that routing to various API back-ends in a headless commerce setup can get complex, leading many to explore edge routing solutions. Edge Compute Platforms, such as CloudFlow, help simplify API routing by providing flexibility in how you choose to route traffic through a distributed application architecture.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One final challenge with headless commerce is the fact that authentication\/authorization and content can prevent effective caching. At the same time, moving authentication to the edge can deliver performance benefits and also simplify the overall architecture of an application. There are various edge authorization techniques that can be used ranging from direct authentication at the edge from a stored database, to tokens, to SSO and OAuth. (If you\u2019re looking for some guidance on authentication at the edge, <\/span><a href=\"https:\/\/www.webscale.com\/request-a-demo\/\"><span style=\"font-weight: 400;\">contact a Webscale Engineer<\/span><\/a><span style=\"font-weight: 400;\">.)<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Approaches to Headless Commerce<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The standard approach to headless commerce involves the use of a commerce platform, such as <\/span><a href=\"https:\/\/www.bigcommerce.com\/solutions\/headless-commerce\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">BigCommerce<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/business.adobe.com\/blog\/basics\/future-headless\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Magento<\/span><\/a><span style=\"font-weight: 400;\">, without a customer-facing front-end. APIs act as the core to interface with separate business systems, and the \u201chead\u201d is run by an independent system, such as a Content Management System (CMS) or a native mobile application. The external CMS can deliver responsive content created independently of the platform architecture. As there isn\u2019t code connected to the back-end database that stores content, front-end developers can easily update endpoint layout using their desired framework.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A headless CMS has various distinguishable parts. The back-end database includes content, such as written copy and graphics. Headless commerce also uses a separate inventory management system that works in concert with the back-end database that stores the content. Other e-commerce back-end systems typically include customer relationship management systems (CRMs), multi-channel security systems, and payment processing platforms. The API is responsible for pulling information into the right system after specific actions are completed as opposed to simply providing content to different channels.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Other related approaches to the e-commerce technology stack include:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A hybrid approach in which the retailer\u2019s commerce platform is used for delivery of web-based experiences and the APIs help enable new channels and experiences, such as IoT or AR.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A decoupled CMS that has a separate back-end but typically integrates with a complete front-end that pushes content into channels, making content more agnostic.<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Edge Computing Enabling Greater Innovation<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Headless commerce and other innovative, flexible computing architectures are enabling e-commerce application engineers to leverage edge computing to meet their performance, security and scalability requirements. At Webscale, we are seeing many of our e-commerce clients increasingly utilize headless commerce in concert with CloudFlow\u2019s Edge Compute Platform to deliver personalized shopping experiences and digital services that speed up delivery and maximize performance using techniques such as caching and image optimization.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We are working, for instance, with Australia\u2019s largest online beauty store, Adore Beauty, to deliver its Nuxt app closer to their end users, resulting in reduced latency and greater cost efficiencies. Specifically, the Adore Beauty team is utilizing the CloudFlow Node JS edge module &#8211; the front-end framework (i.e. Nuxt app) calls a Laravel API that manages information related to the product, category and price. Other requests are routed to its highly customized Magento back-end.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CloudFlow\u2019s modular approach allows e-commerce brands like Adore Beauty to leverage the combined advantages of edge computing and headless commerce through flexibility of integration and the opportunity to select the CloudFlow edge modules relevant to their needs, from caching to A\/B Testing to image optimization. New software options and changing technology stacks allow businesses to select best-of-breed solutions, linking otherwise unrelated software tools and technologies.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Looking Ahead<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">There have been rapid advances in the retail space over the last decade as e-commerce has increasingly dominated the space over brick-and-mortar retail. Further innovation through continued advancements in edge computing looks set to continue apace. Small and big businesses alike need to take advantage of cutting-edge technology in order to compete in today\u2019s highly competitive global retail industry. The gap between early adopters of headless commerce and edge computing and those still stuck in legacy systems looks only set to widen.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In e-commerce today, the challenge to meet and exceed customer expectations is driving innovation. The demand for frictionless shopping, 24\/7 availability, superior product and impeccable service quality is ever increasing, putting pressure on retailers to deliver goods as seamlessly, quickly and engagingly as possible. Brands need to frequently update content to create attractive, compelling digital [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":270055,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","rank_math_lock_modified_date":false,"_aioseo_description":"","_aioseo_keywords":"","_aioseo_og_article_section":"","_aioseo_og_article_tags":"","_aioseo_og_description":"","_aioseo_og_title":"","_aioseo_title":"","_aioseo_twitter_description":"","_aioseo_twitter_title":"","_author_photo":"field_6513304084a08","_doc_url":"","_dp_original":"","_et_autogenerated_title":"","_et_body_layout_enabled":"","_et_body_layout_id":"","_et_builder_dynamic_assets_loading_attr_threshold":"2","_et_builder_module_features_cache":null,"_et_builder_version":"","_et_default":"","_et_enabled":"","_et_footer_layout_enabled":"","_et_footer_layout_id":"","_et_header_layout_enabled":"","_et_header_layout_id":"","_et_pb_ab_current_shortcode":"","_et_pb_ab_subjects":"","_et_pb_built_for_post_type":"","_et_pb_custom_css":"","_et_pb_enable_shortcode_tracking":"","_et_pb_excluded_global_options":"","_et_pb_first_image":"","_et_pb_gutter_width":"","_et_pb_module_type":"","_et_pb_page_layout":"et_right_sidebar","_et_pb_page_z_index":"","_et_pb_post_hide_nav":"default","_et_pb_row_layout":"","_et_pb_show_page_creation":"","_et_pb_show_title":"on","_et_pb_side_nav":"off","_et_pb_static_css_file":"","_et_pb_truncate_post":"","_et_pb_truncate_post_date":"","_et_post_bg_color":"#ffffff","_et_post_bg_layout":"light","_et_template":[],"_et_theme_builder_marked_as_unused":"","_et_use_on":"","_gallery_link_target":"","_global_colors_info":"","_lh_copy_from_url-original_file":"","_version_history":"","_wp_old_date":[],"_wpcode_auto_insert":"","_wpcode_auto_insert_number":"","_wpcode_conditional_logic":[],"_wpcode_conditional_logic_enabled":"","_wpcode_library_id":"","_wpcode_library_version":"","_wpcode_location_extra":"","_wpcode_note":"","_wpcode_priority":"","_wpcode_shortcode_attributes":[],"_wpmf_gallery_custom_image_link":"","ao_post_optimize":[],"author_photo":"255872","doc_url":"","et_enqueued_post_fonts":{"family":{"et-gf-lato":"Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic"},"subset":["latin","latin-ext"],"cache_key":"{\"gph\":0,\"divi\":\"4.24.1\",\"wp\":\"6.6.2\",\"enable_all_character_sets\":\"false\"}"},"rank_math_contentai_score":{"wordCount":"100","linkCount":"0","headingCount":"100","mediaCount":"62.22"},"rank_math_description":"","rank_math_facebook_image":"","rank_math_facebook_image_id":"","rank_math_internal_links_processed":["1"],"rank_math_og_content_image":[],"rank_math_seo_score":"17","rank_math_title":"","version_history":"","wp-smpro-smush-data":[],"wp-smush-animated":"","wpmf_filetype":"","wpmf_order":"","wpmf_size":"","_":"","_bj_lazy_load_skip_post":[],"_divi_filters_post_type":"","_et_dynamic_cached_attributes":{"sticky_position":["top"],"use_custom_gutter":["on"],"fullwidth":["off"],"button_icon":["&#x24;||divi||400"],"social_network":["facebook","twitter","linkedin","youtube","last_fm"],"header_2_font":"|800|||||||","header_2_font_size":"34px","header_2_text_align":"center","animation_intensity_slide":"10%","animation_duration":"800ms","animation_delay":"15ms","animation_intensity_zoom":"15%","animation_intensity_flip":"15%","animation_intensity_fold":"15%","animation_intensity_roll":"15%","animation_direction":"center","animation_style":"none","background_color_gradient_start":"rgba(255,255,255,0)","background_color_gradient_end":"#fafafa","custom_padding":"120px||0px||false|false","background_color_gradient_stops":"rgba(255,255,255,0) 0%|#fafafa 100%","custom_padding_last_edited":"on|desktop","custom_padding_tablet":"||30px||false|false","custom_padding_phone":"60px||||false|false"},"_et_dynamic_cached_shortcodes":["et_pb_post_content","et_pb_contact_field","et_pb_signup_custom_field","et_pb_social_media_follow_network","et_pb_section","et_pb_row","et_pb_column","et_pb_blog","et_pb_blurb","et_pb_button","et_pb_code","et_pb_contact_form","et_pb_post_nav","et_pb_post_title","et_pb_signup","et_pb_social_media_follow","et_pb_text"],"_et_pb_ab_bounce_rate_limit":"","_et_pb_ab_stats_refresh_interval":[],"_et_pb_content_area_background_color":"","_et_pb_dark_text_color":"","_et_pb_light_text_color":"","_et_pb_section_background_color":"","_job_location":"","_job_locations":"","_links_to":"","_links_to_target":"","_product_image_gallery":"","_schema_code":"","_synced_version":"","_wp_attachment_context":"","_wp_attachment_image_alt":[],"_wpie_source_url":"","_yoast_wpseo_content_score":"","_yoast_wpseo_focuskeywords":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_opengraph-image":"","_yst_prominent_words_version":"","inline_featured_image":[],"job_location":[],"job_locations":"","options":"","original-file":"","post_views_count":"","rank_math_analytic_object_id":"","rank_math_canonical_url":"","rank_math_focus_keyword":[],"rank_math_news_sitemap_robots":"","rank_math_primary_category":"31","rank_math_primary_ccategory":"","rank_math_primary_job_locations":"","rank_math_primary_partners_category":"","rank_math_primary_pr_category":"","rank_math_primary_press_release_year":"","rank_math_rich_snippet":"","rank_math_robots":[],"rank_math_schema_Article":[],"rank_math_schema_Organization":[],"rank_math_schema_VideoObject":[],"rank_math_shortcode_schema_s-23675683-fff5-4300-88fe-da8afc8b1bb9":"","rank_math_shortcode_schema_s-307bbc91-c6b1-41aa-950d-c50d435a949c":"","rank_math_shortcode_schema_s-63a052dbc0384":"","rank_math_shortcode_schema_s-63a052dbc039d":"","rank_math_shortcode_schema_s-63a052dbc03a6":"","rank_math_shortcode_schema_s-63a052dbc03aa":"","rank_math_shortcode_schema_s-63a052dbc03b5":"","rank_math_shortcode_schema_s-63a052dbc03ba":"","rank_math_shortcode_schema_s-63a052dbc03bd":"","rank_math_shortcode_schema_s-63b6dd7d53a96":"","rank_math_shortcode_schema_s-63b6dd7d53a9f":"","rank_math_shortcode_schema_s-63b6dd7d53aa2":"","rank_math_shortcode_schema_s-63b6dd7d53aa4":"","rank_math_shortcode_schema_s-63b6dd7d53aa7":"","rank_math_shortcode_schema_s-63b6dd7d53aa9":"","rank_math_shortcode_schema_s-63b6dd7d53aab":"","rank_math_shortcode_schema_s-63b6dd7d53aad":"","rank_math_shortcode_schema_s-63b6dd7d53aaf":"","rank_math_shortcode_schema_s-63c15fcf43311":"","rank_math_shortcode_schema_s-63c15fcf43322":"","rank_math_shortcode_schema_s-63c15fcf43325":"","rank_math_shortcode_schema_s-63c15fcf43327":"","rank_math_shortcode_schema_s-63c15fcf43329":"","rank_math_shortcode_schema_s-63c15fcf4332a":"","rank_math_shortcode_schema_s-63c15fcf4332c":"","rank_math_shortcode_schema_s-63c15fcf4332e":"","rank_math_shortcode_schema_s-63c15fcf43330":"","rank_math_shortcode_schema_s-63f52c5ed40bb":"","rank_math_shortcode_schema_s-6409f40a9b7d5":"","rank_math_shortcode_schema_s-64354a3892419":"","rank_math_shortcode_schema_s-6440158136148":"","rank_math_shortcode_schema_s-6446d2f9353ee":"","rank_math_shortcode_schema_s-6446d2f9353f3":"","rank_math_shortcode_schema_s-6447c0fe4673c":"","rank_math_shortcode_schema_s-64e4d743542d7":"","schema_code":"","smush-complete":"","smush-info":"","smush-stats":[],"synced_version":"","wpmf_remote_video_link":"","_exp":"","_inc":"","_mc4wp_settings":[],"_post-subtitle":"","_pwh_dcfh_contact_email":"","_pwh_dcfh_contact_form_id":"","_pwh_dcfh_form_fields":"","_pwh_dcfh_ip_address":"","_pwh_dcfh_page_id":"","_pwh_dcfh_read_by":"","_pwh_dcfh_referer_url":"","_pwh_dcfh_user_agent":[],"_section1_col1":"","_section1_col2":"","_section1_col3":"","_section1_col4":"","_section2_col1":"","_section2_col2":"","_section2_col3":"","_section2_col4":"","_section2_col5":"","_section2_col6":"","_section3_col1":"","_section3_col2":"","_section3_col3":"","_section3_col4":"","_section3_col5":"","_section3_col6":"","_section4_col1":"","_section4_col2":"","_section4_col3":"","_section4_col4":"","_section4_col5":"","_section4_col6":"","_section5_col1":"","_section5_col2":"","_section5_col3":"","_section5_col4":"","_section5_col5":"","_section5_col6":"","_section6_col1":"","_section6_col2":"","_section6_col3":"","_section6_col4":"","_section6_col5":"","_section6_col6":"","_select_author":"","_test":"","_wp_attachment_backup_sizes":[],"_yoast_wpseo_estimated-reading-time-minutes":[],"_yoast_wpseo_focuskw":[],"_yoast_wpseo_focuskw_text_input":[],"_yoast_wpseo_linkdex":[],"_yoast_wpseo_meta-robots-nofollow":[],"_yoast_wpseo_meta-robots-noindex":[],"_yoast_wpseo_primary_category":[],"_yoast_wpseo_title":[],"_yoast_wpseo_wordproof_timestamp":"","exp":"","inc":"","post-subtitle":[],"rank_math_schema_BlogPosting":[],"section1_col1":"","section1_col2":"","section1_col3":"","section1_col4":"","section2_col1":"","section2_col2":"","section2_col3":"","section2_col4":"","section2_col5":"","section2_col6":"","section3_col1":"","section3_col2":"","section3_col3":"","section3_col4":"","section3_col5":"","section3_col6":"","section4_col1":"","section4_col2":"","section4_col3":"","section4_col4":"","section4_col5":"","section4_col6":"","section5_col1":"","section5_col2":"","section5_col3":"","section5_col4":"","section5_col5":"","section5_col6":"","section6_col1":"","section6_col2":"","section6_col3":"","section6_col4":"","section6_col5":"","section6_col6":"","select_author":"","test":"","footnotes":""},"categories":[31,113],"tags":[],"class_list":["post-270056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-headless-pwa","category-edge"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/posts\/270056"}],"collection":[{"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/comments?post=270056"}],"version-history":[{"count":0,"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/posts\/270056\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/media\/270055"}],"wp:attachment":[{"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/media?parent=270056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/categories?post=270056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webscale.com\/wp-json\/wp\/v2\/tags?post=270056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}