{"id":16597,"date":"2021-12-21T10:12:17","date_gmt":"2021-12-21T09:12:17","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=16597"},"modified":"2023-05-30T15:19:51","modified_gmt":"2023-05-30T13:19:51","slug":"headless-architecture-everything-you-need-to-know","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/","title":{"rendered":"Headless Architecture: Everything you Need to Know"},"content":{"rendered":"\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-c5d23a46      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#abstract\" class=\"uagb-toc-link__trigger\">Abstract<\/a><li class=\"uagb-toc__list\"><a href=\"#headless-architecture-for-ecommerce\" class=\"uagb-toc-link__trigger\">Headless Architecture for eCommerce\u00a0<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#what-is-a-headless-architecture-for-ecommerce\" class=\"uagb-toc-link__trigger\">What is a Headless Architecture for eCommerce?\u00a0<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#so-what-is-headless-ecommerce\" class=\"uagb-toc-link__trigger\">So, what is Headless eCommerce?\u00a0<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#the-advantages-of-a-headless-architecture-for-ecommerce\" class=\"uagb-toc-link__trigger\">The advantages of a Headless architecture for eCommerce<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#point-1-more-freedom-and-customizability-for-both-developers-and-users\" class=\"uagb-toc-link__trigger\">Point 1: More freedom and customizability for both developers and users\u00a0<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#point-2-the-perfect-environment-for-the-omni-channel-strategy\" class=\"uagb-toc-link__trigger\">Point 2: The perfect environment for the \u2018omni-channel strategy\u2019\u00a0<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#point-3-dedicated-solutions-with-no-pain\" class=\"uagb-toc-link__trigger\">Point 3: Dedicated solutions with no pain\u00a0<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#point-4-shorter-and-improved-time-to-market-ratio\" class=\"uagb-toc-link__trigger\">Point 4: Shorter and improved time to market ratio\u00a0<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#a-headless-platform-structure-deloittes-solution\" class=\"uagb-toc-link__trigger\">A Headless platform structure (Deloitte&#039;s solution)<\/a><li class=\"uagb-toc__list\"><a href=\"#conclusion\" class=\"uagb-toc-link__trigger\">Conclusion<\/a><\/ul><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"gb-headline gb-headline-432d781f gb-headline-text\"><strong>Abstract<\/strong><\/h2>\n\n\n\n<p>This article discusses <strong>Headless architecture for eCommerce systems<\/strong>. Digging into the demand for this type of structure in the modern IT world, the negative points of a more traditional platform will be analysed from both the developer\u2019s and the end-point client\u2019s standpoint.<\/p>\n\n\n\n<p>A headless structure separates the \u2018head\u2019 (front-end components) and the \u2018body\u2019 (back-end components), allowing for the production of <strong>tailor-made, fully customizable, API-driven systems<\/strong> that are open to an omnichannel approach. An architecture like this must be designed and directed by expert developers and project managers and has countless benefits, which the article illustrates.<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-65104da8 gb-headline-text\"><strong><br><\/strong>Headless Architecture for eCommerce&nbsp;<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-style-editorskit-shadow\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/man-g7d2200b02_1920-1024x768.jpg\" alt=\"An article about headless Ecommerce architecture and benefits.\" class=\"wp-image-16598\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/man-g7d2200b02_1920-1024x768.jpg 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/man-g7d2200b02_1920-300x225.jpg 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/man-g7d2200b02_1920-768x576.jpg 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/man-g7d2200b02_1920-1536x1152.jpg 1536w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/man-g7d2200b02_1920-1200x900.jpg 1200w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/man-g7d2200b02_1920.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">What&#8217;s Headless? More power and flexibility for eCommerce.<\/figcaption><\/figure>\n\n\n\n<p>Why should an experienced developer or a group of experienced developers take a step back from their skills to <strong>embrace new methods of development<\/strong>, both from the architectural and from a purely technical perspective?&nbsp;<\/p>\n\n\n\n<p>Embracing a philosophy of &#8220;constant updating&#8221; leads to the realisation that there is always a specific reason modern technologies are designed in a particular way, and that <strong>developers should remain open to these new possibilities.<\/strong> The basis for this is simple: because the new technologies are <strong>better, more powerful and more flexible<\/strong>. New technologies present an upgrade on the weaknesses of older solutions.&nbsp;<\/p>\n\n\n\n<p>That\u2019s exactly the case when it comes to so-called \u201cHeadless Architecture for eCommerce\u201d or, simply Headless eCommerce &#8211; a very powerful way to build fully-customizable, tailor-made eCommerce solutions for the end customer. As a <a href=\"https:\/\/www.codemotion.com\/magazine\/dev-hub\/web-developer\/tips-for-every-full-stack-developer-in-2020\/\" class=\"ek-link\">full-stack developer<\/a> who loves to develop and write code, <strong>Headless eCommerce allows greater freedom of expression and creativity<\/strong>, freeing the developer from many constraints and making it possible to offer the best possible solution, for both the front- and back-ends.&nbsp;<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-05fca3a5 gb-headline-text\">What is a Headless Architecture for eCommerce?&nbsp;<\/h3>\n\n\n\n<p>Having established that Headless eCommerce is an upgrade on the common e-commerce architecture, let\u2019s consider the major problems of the latter approach.&nbsp;<\/p>\n\n\n\n<p>Firstly, a \u2018traditional\u2019 eCommerce application is developed in a single monolithic layer. This means that <strong>various aspects of the application must be worked on to make any change<\/strong>, and to provide a full release for each update.&nbsp;&nbsp;<\/p>\n\n\n\n<p>In addition, consumers are now accustomed to making purchases using different types of devices, not only via websites or web apps. <strong>In the <a href=\"https:\/\/www.codemotion.com\/magazine\/tag\/iot\/\" class=\"ek-link\">Internet of Things<\/a> (IoT) era, developers have to produce applications and user experiences that are adaptable to a huge range of different devices<\/strong>. Consumers are also getting used to the new, more powerful user experience provided by progressive web apps, created with different progressive web frameworks on the front-end.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/ecommerce-g7fa07947a_1920-1024x1024.png\" alt=\"Consumers now purchase online using different types of devices, not only via websites or web apps\" class=\"wp-image-16599\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/ecommerce-g7fa07947a_1920-1024x1024.png 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/ecommerce-g7fa07947a_1920-300x300.png 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/ecommerce-g7fa07947a_1920-150x150.png 150w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/ecommerce-g7fa07947a_1920-768x768.png 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/ecommerce-g7fa07947a_1920-1536x1536.png 1536w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/ecommerce-g7fa07947a_1920-600x600.png 600w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/ecommerce-g7fa07947a_1920-1200x1200.png 1200w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/ecommerce-g7fa07947a_1920.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The IoT boom has opened a universe of possibilities in eCommerce.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"gb-headline gb-headline-d917aed1 gb-headline-text\">So, what is Headless eCommerce?&nbsp;<\/h3>\n\n\n\n<p>This concept is an extension of a more abstract concept \u2014 Headless CMS (Content-Management-System). In a traditional CMS we find two interconnected primary technical areas: the back-end \u2014 that is, the CMS itself, which could be called the \u2018body\u2019 of the system \u2014 and the \u2018head\u2019 of the system, which includes all the front-end components, such as client-side frameworks and the template.&nbsp;<\/p>\n\n\n\n<p>In this context, we can say that if you remove the \u2018head\u2019 from the system, you are left with a Headless&nbsp; CMS.&nbsp;<\/p>\n\n\n\n<p>A Headless CMS is front-end agnostic, meaning that the platform does not have a default, tightly-coupled front-end layer. What is left is raw content &#8211; pure data-source.&nbsp; It is therefore possible to develop as many fully customised \u2018heads\u2019 as are required to serve content to different IoT channels. The data in the \u2018body\u2019 of the system is waiting to be manipulated by the fully customised front-end. One of the most common ways to have the data served to the different channels is through API calls. Headless eCommerce is simply a Headless CMS that performs the tasks of an eCommerce platform. Within a Headless architecture, the front-end layer has been decoupled from the back-end layer. The latter is the core of the eCommerce service and allows the users, catalogue,&nbsp; product search, shopping carts, promotions, orders, and all related elements to be managed. Back-end developers use APIs to deliver data, while front-end developers work on the presentation of content using their preferred stack (template, frameworks, client-side building), moulding the system to meet the specific needs of the customer. <strong>Moreover, they can deliver the right kind of data in the right shape for the right channel, be that a web-app or a specific device.&nbsp;<\/strong><\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-a642a08e gb-headline-text\">The advantages of a Headless architecture for eCommerce<\/h2>\n\n\n\n<p>While a Headless architecture is founded on loose coupling (a term dear to traditionalist OOP developers), in a traditional eCommerce system, a server-side layer is tightly coupled with the client-side system. It may be possible to customise various features of the platform, but these will always be within the range predefined by the system in use.&nbsp;<\/p>\n\n\n\n<p>A traditional eCommerce system offers less room for customization in either the front or the back-end layers, while Headless imposes no limits. Of course, developers (at both ends) have to make things from scratch and exploit their creativity, but that\u2019s exactly where the \u201cfreedom to write code\u201d takes over. <strong>In Headless Architecture, there is no predefined experience.&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"666\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/online-shop-gcee4f2f0b_1920-1-1024x666.png\" alt=\"\" class=\"wp-image-16616\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/online-shop-gcee4f2f0b_1920-1-1024x666.png 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/online-shop-gcee4f2f0b_1920-1-300x195.png 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/online-shop-gcee4f2f0b_1920-1-768x499.png 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/online-shop-gcee4f2f0b_1920-1-1536x998.png 1536w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/online-shop-gcee4f2f0b_1920-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">HL brings many benefits to companies, customers, and developers alike.<\/figcaption><\/figure>\n\n\n\n<p>As discussed previously, a typical Headless eCommerce architecture makes use of API calls via a RESTful system to deliver and provide content, so it becomes possible to move away from monolithic methods and implement a more modern, API-driven architecture, open to all kinds of IoT channels.&nbsp;<\/p>\n\n\n\n<p>The advantages of Headless architecture can be summarised in four main points:<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-afb0b0ba gb-headline-text\">Point 1: More freedom and customizability for both developers and users&nbsp;<\/h3>\n\n\n\n<p>With no predefined front-end layer, front-end developers are able to be proactively creative in building the user experience they want to offer the final user, without the constraints encountered in a traditional eCommerce platform. Templates and databases (and other server-related issues) are no longer tightly coupled, <strong>meaning that constant adjustments&nbsp; to fit client preferences are no longer necessary<\/strong>.&nbsp; Experienced developers who like to write code and mould applications from scratch revel in the opportunity to immerse themselves in this fascinating scenario.&nbsp;<\/p>\n\n\n\n<p>In this context, developers are able not only to be the executors of what has been decided at a strategic level,&nbsp; but can also be all-round advisors to their clients, from strategy to execution.&nbsp;<\/p>\n\n\n\n<p>Calls to the various back-end RESTful APIs of the application (which in turn, may be fully customised in order to meet any need) build the link between the two universes, handling various requests between the presentation and the software layer.&nbsp;<\/p>\n\n\n\n<p>Moreover, users of the application can be offered a truly personalised and unique user experience,&nbsp; in line with the specific needs of the customer.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-point-2-the-perfect-environment-for-the-omni-channel-strategy\">Point 2: The perfect environment for the \u2018omni-channel strategy\u2019&nbsp;<\/h3>\n\n\n\n<p>We have already talked, from an IoT perspective, about the importance of multi-channel&nbsp; support. The omni-channel strategy (also called the omni-channel approach) allows us to refine the matter further.&nbsp;<\/p>\n\n\n\n<p>The omnichannel strategy\/approach is a sales strategy in which all channels of customer service and attainment work together to offer the highest level of comfort for shoppers using the retail network. The idea is simple yet powerful: the more integrated tools a customer has available for their shopping, the better their shopping experience.&nbsp;<\/p>\n\n\n\n<p>Companies must follow a path that travels from the optimization of several contact points in a non-integrated way to an increasingly integrated management in order to fulfil the true nature of omni-channel strategy. <strong>The omni-channel approach is state of the art in terms of shopping interactivity<\/strong>, in which harmony between the different channels that offer access to services is of primary importance.<\/p>\n\n\n\n<p>For example: a customer might look at a particular product\/item in a physical shop, but it may not be in stock in the desired colour and size. The customer can then order the product either via a physical checkout or by using the totem channel (a device that allows buyers to browse catalogues and pay for an item that is subsequently delivered) and have the article delivered to their home.&nbsp;<\/p>\n\n\n\n<p>With an omni-channel approach, users interact with the company through different on- and off-line touchpoints with the same, seamless experience, and <strong>without having to restart the process every time.<\/strong><\/p>\n\n\n\n<p>One of the core features of an omni-channel experience is providing the user with the same quality and customization on any platform, touchpoint, or device.<\/p>\n\n\n\n<p>The structure and characteristics of the Headless architecture makes it possible to add new sales channels without having to create a new dedicated back-end for each addition. Centralising API and the database, and having infinite \u2018heads\u2019 (front-end points) allows a much higher level of integration. <strong>Greater harmony between the different channels is achieved in a much simpler, faster and more effective way<\/strong> than the traditional approach, using fewer resources.&nbsp;<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-e63fa3b4 gb-headline-text\">Point 3: Dedicated solutions with no pain&nbsp;<\/h3>\n\n\n\n<p>A Headless architecture aims to configure the best eCommerce solutions to meet the needs of the client company. This involves adopting a holistic approach that is as tailor-made as possible in order to offer the best solution, both in terms of back-end management after release and of final usability.&nbsp;<\/p>\n\n\n\n<p>This is where the power and flexibility of the Headless solution lies \u2013 in facilitating a dedicated solution tailored to the specific customer, that produces the desired user experience, uses the most suitable back-end technologies, in which changes can be made without having to rebuild the architecture.&nbsp;<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-78c62216 gb-headline-text\">Point 4: Shorter and improved time to market ratio&nbsp;<\/h3>\n\n\n\n<p>Headless architecture aims to exponentially improve the time to market ratio. In the commercial realm, the time-to-market concept (also known as TTM) is the period from the conception of a new idea or product until it is made available in the marketplace. A<strong> Headless approach makes it dramatically simpler to provide new front-end elements<\/strong> (campaigns, banners, updates) in a much faster timeframe, since the back-end components are separate. Reactions to new market trends can be rapidly implemented, launching new features in days or weeks instead of months, so improving the time to market ratio.&nbsp;<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-b98d103d gb-headline-text\">A Headless platform structure (Deloitte&#8217;s solution)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/TechArticle.pptx-1-1024x576.jpg\" alt=\"\" class=\"wp-image-16623\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/TechArticle.pptx-1-1024x576.jpg 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/TechArticle.pptx-1-300x169.jpg 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/TechArticle.pptx-1-768x432.jpg 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/TechArticle.pptx-1-896x504.jpg 896w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/TechArticle.pptx-1-400x225.jpg 400w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/TechArticle.pptx-1-1200x675.jpg 1200w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/TechArticle.pptx-1.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">HL Architecture: Deloitte&#8217;s solution for Commerce Front-End.<\/figcaption><\/figure>\n\n\n\n<p>The architecture of a Headless eCommerce platform must be organised at multiple technical levels by a team of experienced project managers and developers.&nbsp;<\/p>\n\n\n\n<p>In order to satisfy increasing market demand for eCommerce services decoupled from the user experience, a new technology stack has to be implemented. The main components, based on <a href=\"https:\/\/partners.codemotion.com\/deloitte-italy\" class=\"ek-link\">Deloitte&#8217;s solution<\/a>, are:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>eCommerce service layer<\/strong>: core eCommerce services that allow the management of users, catalogue, product search, shopping carts, promotions, and orders.&nbsp;<\/li>\n\n\n\n<li><strong>Front end layer:<\/strong> front end framework specific to the chosen content delivery channel<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>API gateway:<\/strong> high-performance integration layer working through optimised connectors.&nbsp; \u2219<\/li>\n\n\n\n<li><strong>API caching layer:<\/strong> a caching layer that further improves the performance of intensive or underlying tasks for faster data retrieval and speeding up of the application&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>In creating this new technological architecture, the following issues must be taken into account:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> <strong>De-coupling of development teams<\/strong>: The teams working on the front and back end should be completely separate, with dedicated specialisations and different development and release processes.<\/li>\n\n\n\n<li><strong>Management of communication between layers<\/strong>: Construction of an architecture that reduces the number of requests between back-end and front end to make the infrastructure scalable and performant&nbsp;<\/li>\n\n\n\n<li><strong>Caching provision<\/strong>: several cache layers are needed to guarantee the fruition of the contents. It is therefore necessary to have a front end cache capable of managing basic data types, a back end cache capable of caching API calls, and an asset cache (typically implemented through a CDN).&nbsp;<\/li>\n\n\n\n<li><strong>Ensure the appropriate level of security<\/strong>: the exchange of data between the different layers, saving data permanently or temporarily on one of the layers and their exchange with third party systems must be carried out in compliance with the security standards required by the type of data processed (e.g., user information, payment information).&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>In the front-end layer, there is a choice to be made between the different technologies that allow the building of progressive web-apps with the aim of making the user experience as pleasant as possible. It is possible to integrate tools such as Vue, React+Next, Angular, Svelte, and so on that have the ability to bind both to their development stack, in a typical Javascript-everywhere environment, or to a different back-end technology, such as Java \/ J2EE , PHP, or C #.<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-8dc5df5e gb-headline-text\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>This article has provided an overview of the importance of adopting a Headless strategy for eCommerce platforms in order to improve on the flaws inherent in a more traditional eCommerce approach. <strong>This updated strategy aims to improve these old-school characteristics<\/strong>.<\/p>\n\n\n\n<p>A Headless architecture brings the same flexibility required by marketing strategies to technical structures, allowing developers to choose the approach they prefer and consider most appropriate for the layer they are working on. This kind of architecture allows experienced developers a wide degree of freedom, and at the same time, allows for the creation of a personalised and tailor-made user experience based on the specific needs of the customer.<\/p>\n\n\n\n<p>Headless architecture provides an environment suitable for the implementation of an omni-channel strategy, increasing the interactivity and fluidity of shopping actions. Changes, updates, and future interactions will be smoother than ever, and time to market will be drastically improved.<\/p>\n\n\n\n<p>Finally, the semantic separation of the front- and back-ends means that architects are able to mould next-generation applications that deliver high performance, lightning-fast execution times and increased fluidity.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Abstract This article discusses Headless architecture for eCommerce systems. Digging into the demand for this type of structure in the modern IT world, the negative points of a more traditional platform will be analysed from both the developer\u2019s and the end-point client\u2019s standpoint. A headless structure separates the \u2018head\u2019 (front-end components) and the \u2018body\u2019 (back-end&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/\">Read more<\/a><\/p>\n","protected":false},"author":94,"featured_media":16687,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":9,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[6],"tags":[9954,9951,4257],"collections":[],"class_list":{"0":"post-16597","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-frontend","8":"tag-ecommerce","9":"tag-software-architecture","10":"tag-user-experience","11":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Headless Architecture: Everything you Need to Know - Codemotion Magazine<\/title>\n<meta name=\"description\" content=\"Headless Architecture: concept, advantages and insights to understand how it can boost eCommerce and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Headless Architecture: Everything you Need to Know\" \/>\n<meta property=\"og:description\" content=\"Headless Architecture: concept, advantages and insights to understand how it can boost eCommerce and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-21T09:12:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-30T13:19:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Riccardo Degni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Riccardo Degni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/\"},\"author\":{\"name\":\"Riccardo Degni\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/6912e00a94efa41fb20e92ba1bb050fb\"},\"headline\":\"Headless Architecture: Everything you Need to Know\",\"datePublished\":\"2021-12-21T09:12:17+00:00\",\"dateModified\":\"2023-05-30T13:19:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/\"},\"wordCount\":2264,\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png\",\"keywords\":[\"eCommerce\",\"Software Architecture\",\"User Experience\"],\"articleSection\":[\"Frontend\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/\",\"name\":\"Headless Architecture: Everything you Need to Know - Codemotion Magazine\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png\",\"datePublished\":\"2021-12-21T09:12:17+00:00\",\"dateModified\":\"2023-05-30T13:19:51+00:00\",\"description\":\"Headless Architecture: concept, advantages and insights to understand how it can boost eCommerce and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#primaryimage\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png\",\"width\":1920,\"height\":1080,\"caption\":\"headless structure ecommerce\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Headless Architecture: Everything you Need to Know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codemotion.Italy\/\",\"https:\/\/x.com\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/6912e00a94efa41fb20e92ba1bb050fb\",\"name\":\"Riccardo Degni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/10\/rd-image-book-pic-e1697717445644-150x150.jpg\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/10\/rd-image-book-pic-e1697717445644-150x150.jpg\",\"caption\":\"Riccardo Degni\"},\"description\":\"I am a senior web developer, active both on front-end and back-end, a teacher focused on modern programming, a Research Consultant for IT research, and a writer who creates programming articles and guides. I am both a developer with a strong foundation in new technologies such as full Javascript-based environments and object-oriented programming on the server-side (PHP, Node, and Java), and a designer who makes powerful, modern, fully-responsive, and WordPress-free templates.\",\"sameAs\":[\"http:\/\/www.riccardodegni.com\/\",\"https:\/\/www.linkedin.com\/in\/riccardodegni\/\"],\"url\":\"https:\/\/www.codemotion.com\/magazine\/author\/riccardo-degni\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Headless Architecture: Everything you Need to Know - Codemotion Magazine","description":"Headless Architecture: concept, advantages and insights to understand how it can boost eCommerce and more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/","og_locale":"en_US","og_type":"article","og_title":"Headless Architecture: Everything you Need to Know","og_description":"Headless Architecture: concept, advantages and insights to understand how it can boost eCommerce and more.","og_url":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2021-12-21T09:12:17+00:00","article_modified_time":"2023-05-30T13:19:51+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png","type":"image\/png"}],"author":"Riccardo Degni","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Riccardo Degni","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/"},"author":{"name":"Riccardo Degni","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/6912e00a94efa41fb20e92ba1bb050fb"},"headline":"Headless Architecture: Everything you Need to Know","datePublished":"2021-12-21T09:12:17+00:00","dateModified":"2023-05-30T13:19:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/"},"wordCount":2264,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png","keywords":["eCommerce","Software Architecture","User Experience"],"articleSection":["Frontend"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/","url":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/","name":"Headless Architecture: Everything you Need to Know - Codemotion Magazine","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png","datePublished":"2021-12-21T09:12:17+00:00","dateModified":"2023-05-30T13:19:51+00:00","description":"Headless Architecture: concept, advantages and insights to understand how it can boost eCommerce and more.","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png","width":1920,"height":1080,"caption":"headless structure ecommerce"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/headless-architecture-everything-you-need-to-know\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Frontend","item":"https:\/\/www.codemotion.com\/magazine\/frontend\/"},{"@type":"ListItem","position":3,"name":"Headless Architecture: Everything you Need to Know"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/6912e00a94efa41fb20e92ba1bb050fb","name":"Riccardo Degni","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/10\/rd-image-book-pic-e1697717445644-150x150.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/10\/rd-image-book-pic-e1697717445644-150x150.jpg","caption":"Riccardo Degni"},"description":"I am a senior web developer, active both on front-end and back-end, a teacher focused on modern programming, a Research Consultant for IT research, and a writer who creates programming articles and guides. I am both a developer with a strong foundation in new technologies such as full Javascript-based environments and object-oriented programming on the server-side (PHP, Node, and Java), and a designer who makes powerful, modern, fully-responsive, and WordPress-free templates.","sameAs":["http:\/\/www.riccardodegni.com\/","https:\/\/www.linkedin.com\/in\/riccardodegni\/"],"url":"https:\/\/www.codemotion.com\/magazine\/author\/riccardo-degni\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-600x400.png","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-600x600.png","author_info":{"display_name":"Riccardo Degni","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/riccardo-degni\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png",1920,1080,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-150x150.png",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-300x169.png",300,169,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-768x432.png",768,432,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-1024x576.png",1024,576,true],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-1536x864.png",1536,864,true],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png",1920,1080,false],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1.png",100,56,false],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-180x128.png",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-896x504.png",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-400x225.png",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-600x400.png",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopping-1920-1-600x600.png",600,600,true]},"uagb_author_info":{"display_name":"Riccardo Degni","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/riccardo-degni\/"},"uagb_comment_info":0,"uagb_excerpt":"Abstract This article discusses Headless architecture for eCommerce systems. Digging into the demand for this type of structure in the modern IT world, the negative points of a more traditional platform will be analysed from both the developer\u2019s and the end-point client\u2019s standpoint. A headless structure separates the \u2018head\u2019 (front-end components) and the \u2018body\u2019 (back-end&#8230;&hellip;","lang":"en","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/16597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/94"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=16597"}],"version-history":[{"count":38,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/16597\/revisions"}],"predecessor-version":[{"id":21021,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/16597\/revisions\/21021"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/16687"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=16597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=16597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=16597"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=16597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}