{"id":2371,"date":"2022-07-07T05:07:11","date_gmt":"2022-07-07T05:07:11","guid":{"rendered":"http:\/\/magemart.com\/blog\/?p=2371"},"modified":"2022-09-01T19:17:38","modified_gmt":"2022-09-01T19:17:38","slug":"step-by-step-guide-to-make-your-pwa-offline","status":"publish","type":"post","link":"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/","title":{"rendered":"Step-by-Step Guide to Make Your PWA Offline"},"content":{"rendered":"<div class=\"blog_detail\">\n<div class=\"para_top\">\n<p class=\"paset\">To know the key features of PWA, read our previous article about <a href=\"https:\/\/magemart.com\/blog\/8-key-features-of-pwa-for-ecommerce\/\">8 must-have PWA features to know<\/a>? If you have read, you may know that one key feature is offline functionality. You may probably know that Progressive web apps are alternatives to native apps. No matter what device you are using, PWA apps can run on any browser.<\/p>\n<p class=\"txt_clr_hl\">\ud83d\udd25 There are several features of PWA which make it a future web technology. First, progressive apps are websites with functionalities of native apps. So, it offers your customers the same native app-like appearance and user experience.<\/p>\n<p class=\"txt_clr_hl\">\ud83d\udd25Second, it loads faster than responsive websites. Push notifications, offline support, SEO-friendly, and cross-browser compatibility makes PWA popular. But, we are here to understand how to turn your PWA offline.<\/p>\n<\/div>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_23 counter-hierarchy counter-decimal ez-toc-grey\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" style=\"display: none;\"><i class=\"ez-toc-glyphicon ez-toc-icon-toggle\"><\/i><\/a><\/span><\/div>\n<nav><ul class=\"ez-toc-list ez-toc-list-level-1\"><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#Understanding_PWA_with_Offline_Availability\" title=\"Understanding PWA with Offline Availability\">Understanding PWA with Offline Availability<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#How_to_Make_your_PWA_Offline\" title=\"How to Make your PWA Offline?\">How to Make your PWA Offline?<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#Two_Steps_to_Setup_a_Progressive_App_Offline\" title=\"Two Steps to Setup a Progressive App Offline\">Two Steps to Setup a Progressive App Offline<\/a><ul class=\"ez-toc-list-level-5\"><li class=\"ez-toc-heading-level-5\"><ul class=\"ez-toc-list-level-5\"><li class=\"ez-toc-heading-level-5\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#Create_a_Service_Worker_Manually\" title=\"Create a Service Worker Manually\">Create a Service Worker Manually<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-5\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#Use_Cache_Storage_API_to_make_content_available_offline\" title=\"Use Cache Storage API to make content available offline\">Use Cache Storage API to make content available offline<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-4\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Understanding_PWA_with_Offline_Availability\"><\/span>Understanding PWA with Offline Availability<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"paset\">As you know, native mobile apps are accessible only with a good network connection. But, you cannot view the content on poor or no network. The progressive web app technology is the solution to this problem.<br \/>\nProgressive web applications use service workers to add offline functionality for visitors. The service workers is a built-in mechanism that builds and adds PWA features into web apps. It handles all web app features. Also, it has made it possible for users to interact with the app offline.<\/p>\n<p class=\"paset\">The offline feature lets customer shop uninterrupted because of no network connection. That\u2019s the beauty of using <a href=\"https:\/\/magemart.com\/blog\/8-best-pwa-examples-in-the-travel-industry\/\">progressive applications for your business<\/a>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_Make_your_PWA_Offline\"><\/span>How to Make your PWA Offline?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"paset\">It is an easy yet technical process for beginners. Because of that, I have prepared a simple guide to learning the basics of <a href=\"https:\/\/developers.google.com\/codelabs\/pwa-training\/pwa03--going-offline#1\">making progressive web apps offline<\/a>.<\/p>\n<p class=\"mid_lable_cnt\">Prerequisites<\/p>\n<ul>\n<li>You should know HTML and JavaScript.<\/li>\n<li>Browsers should support service worker features.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Two_Steps_to_Setup_a_Progressive_App_Offline\"><\/span>Two Steps to Setup a Progressive App Offline<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul class=\"ul_list\">\n<li>\n<h5><span class=\"ez-toc-section\" id=\"Create_a_Service_Worker_Manually\"><\/span>Create a Service Worker Manually<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p class=\"paset\">You will need to create a service worker JavaScript file <strong>(Sw.js)<\/strong> that contains all the code. Follow the command:<\/p>\n<p class=\"box_hl\">\/\/ sw.js<br \/>\nself.addEventListener(&#8220;fetch&#8221;, event =&gt; {<br \/>\nconsole.log(&#8220;You fetched &#8221; + event.URL);<br \/>\n});<\/p>\n<p class=\"paset\">After creating a service worker, make sure your web browser supports it. Use the following code and reference it in your <strong>index.js<\/strong>:<\/p>\n<p class=\"txt_bck_hl\">\/\/ index.js<br \/>\nif (&#8220;serviceWorker&#8221; in navigator) {<br \/>\nnavigator.serviceWorker<br \/>\n.register(&#8220;sw.js&#8221;)<br \/>\n.then(() =&gt; console.log(&#8220;registered service worker!&#8221;));<br \/>\n}<br \/>\n\/\/<\/p>\n<p class=\"paset\">Next, it will analyze whether that browser supports the service worker. It should return a registered service. With the registration of service workers, the browser uses the sw.js file as instructions to activate the offline feature to your PWA app.<\/p>\n<p>Next, come back to the sw.js file and use this code:<\/p>\n<p class=\"box_hl\">\/\/ sw.js<br \/>\nself.addEventListener(&#8220;fetch&#8221;, event =&gt; {<br \/>\nconsole.log(&#8220;You fetched &#8221; + event.URL);<br \/>\n});<\/p>\n<p class=\"paset\">It adds an EventListener to install a PWA. Fetch listener helps to fetch events for your website. Without fetch, browsers such as Chrome will not PWA to be installed. This event is necessary for your service worker to fetch requests for HTML, CSS, JS, audio images, etc.<\/p>\n<\/li>\n<li>\n<h5><span class=\"ez-toc-section\" id=\"Use_Cache_Storage_API_to_make_content_available_offline\"><\/span>Use Cache Storage API to make content available offline<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p class=\"txt_clr_hl\">\ud83d\udd25First, Plan the Storage Limit. Each browser handles the cache storage differently. It also varies depending on the end users\u2019 device. It should take 20% of your user\u2019s maximum disk space.<\/p>\n<p class=\"paset\">Next is to cache resources. You need to create a global array to contain all the assets that we want to store:<\/p>\n<p class=\"txt_bck_hl\">\/*<br \/>\nFor the app to work offline,<br \/>\nCache HTML, JS, CSS, and images.<\/p>\n<p>*\/<br \/>\nconst ASSETS = [<br \/>\n&#8220;\/style.css&#8221;,<br \/>\n&#8220;\/index.html&#8221;,<br \/>\n&#8220;\/offline.html&#8221;,<br \/>\n&#8220;\/&#8221;<br \/>\n];<\/p>\n<p class=\"paset\">Now, the added list is ready to go offline. Your browser can cache then using a service worker. Add <strong>waituntil()<\/strong> call to instruct the browser to wait for caching. Use this code after adding cache resources:<\/p>\n<p class=\"box_hl\">\/\/ sw.js<br \/>\nlet cache_name = &#8220;XYZ&#8221;; \/\/ The string used to identify our cache<br \/>\nself.addEventListener(&#8220;install&#8221;, event =&gt; {<br \/>\nconsole.log(&#8220;installing&#8230;&#8221;);<br \/>\nevent.waitUntil(<br \/>\ncaches<br \/>\n.open(cache_name)<br \/>\n.then(cache =&gt; {<br \/>\nreturn cache.addAll(assets);<br \/>\n})<br \/>\n.catch(err =&gt; console.log(err))<br \/>\n);<br \/>\n});<\/p>\n<p class=\"paset\">Service workers can serve a variety of assets. On second thought, it&#8217;s not quite ready. A few changes would still need to be made to our fetch event handler.<\/p>\n<p class=\"txt_bck_hl\">self.addEventListener(&#8220;fetch&#8221;, event =&gt;){<br \/>\nif (event.request.url === &#8220;https:\/\/www.xyz.com\/&#8221;) {<br \/>\nevent.respondWith(<br \/>\nfetch(event.request).catch(err =&gt;<br \/>\nself.cache.open(cache_name).then(cache =&gt; cache.match(&#8220;\/offline.html&#8221;))<br \/>\n)<br \/>\n);<br \/>\n} else {<br \/>\nevent.respondWith(<br \/>\nfetch(event.request).catch(err =&gt;<br \/>\ncaches.match(event.request).then(response =&gt; response)<br \/>\n)<br \/>\n);<br \/>\n}<br \/>\n});<\/p>\n<p class=\"paset\">The above code is quite long for beginners. So, I am sharing the logic behind it.<\/p>\n<ul>\n<li>If retrieval of resources fails, it responds with cached resources using <strong>(respondwith())<\/strong>.<\/li>\n<li>Use <strong>fetch(event. request)<\/strong> to retrieve resources from the network within the <strong>responsdwith()<\/strong>. When fetch cannot connect to the network, the Promise will reject and trigger the <strong>catch()<\/strong> statement.<\/li>\n<li><strong>Catch()<\/strong> is where you should call your cached resources.<\/li>\n<li>Now your PWA will work offline.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p class=\"paset\">Trends are changing, and so are the demands of mobile web users. They will expect fast, reliable, and engaging web applications. Progressive mobile apps help them browse and access without downloading. Before it gets late.<\/p>\n<p class=\"paset\">It is better to convert to PWA to offer offline capabilities. Magento PWA is the right solution to build web applications. It may help to save costs and time. Read <a href=\"https:\/\/magemart.com\/blog\/future-of-pwa-will-it-replace-all-the-native-apps\/\">why PWA is a better option than native apps<\/a>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>To know the key features of PWA, read our previous article about 8 must-have PWA features to know? If you have read, you may know that one key feature is offline functionality. You may probably know that Progressive web apps&#8230;<\/p>\n","protected":false},"author":2,"featured_media":2607,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[454,322,70],"tags":[452,147,278,146,142,149,484,483],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Step-by-Step Guide to Make Your PWA Offline<\/title>\n<meta name=\"description\" content=\"Push notifications, offline support, SEO-friendly, and cross-browser compatibility makes PWA popular. It is a guide to make your PWA offline.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Step-by-Step Guide to Make Your PWA Offline\" \/>\n<meta property=\"og:description\" content=\"Push notifications, offline support, SEO-friendly, and cross-browser compatibility makes PWA popular. It is a guide to make your PWA offline.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/\" \/>\n<meta property=\"og:site_name\" content=\"Magento 2 Blog - Tutorials \/ Devdocs | Magemart-AheadGroups\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-07T05:07:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-01T19:17:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magemart.com\/blog\/wp-content\/uploads\/2022\/07\/81.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Any Atkinson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/magemart.com\/blog\/#website\",\"url\":\"https:\/\/magemart.com\/blog\/\",\"name\":\"Magento 2 Blog - Tutorials \/ Devdocs | Magemart-AheadGroups\",\"description\":\"Magento 2 Blog - Tutorials\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/magemart.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#primaryimage\",\"url\":\"https:\/\/magemart.com\/blog\/wp-content\/uploads\/2022\/07\/81.jpg\",\"contentUrl\":\"https:\/\/magemart.com\/blog\/wp-content\/uploads\/2022\/07\/81.jpg\",\"width\":1200,\"height\":630},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#webpage\",\"url\":\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/\",\"name\":\"Step-by-Step Guide to Make Your PWA Offline\",\"isPartOf\":{\"@id\":\"https:\/\/magemart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#primaryimage\"},\"datePublished\":\"2022-07-07T05:07:11+00:00\",\"dateModified\":\"2022-09-01T19:17:38+00:00\",\"author\":{\"@id\":\"https:\/\/magemart.com\/blog\/#\/schema\/person\/1a93ce9f4356af9a8637e9ee970a4300\"},\"description\":\"Push notifications, offline support, SEO-friendly, and cross-browser compatibility makes PWA popular. It is a guide to make your PWA offline.\",\"breadcrumb\":{\"@id\":\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/magemart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Step-by-Step Guide to Make Your PWA Offline\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/magemart.com\/blog\/#\/schema\/person\/1a93ce9f4356af9a8637e9ee970a4300\",\"name\":\"Any Atkinson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magemart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a0a5aa37ea9188eac65d593ca5e6b99?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a0a5aa37ea9188eac65d593ca5e6b99?s=96&d=mm&r=g\",\"caption\":\"Any Atkinson\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Step-by-Step Guide to Make Your PWA Offline","description":"Push notifications, offline support, SEO-friendly, and cross-browser compatibility makes PWA popular. It is a guide to make your PWA offline.","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:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/","og_locale":"en_US","og_type":"article","og_title":"Step-by-Step Guide to Make Your PWA Offline","og_description":"Push notifications, offline support, SEO-friendly, and cross-browser compatibility makes PWA popular. It is a guide to make your PWA offline.","og_url":"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/","og_site_name":"Magento 2 Blog - Tutorials \/ Devdocs | Magemart-AheadGroups","article_published_time":"2022-07-07T05:07:11+00:00","article_modified_time":"2022-09-01T19:17:38+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/magemart.com\/blog\/wp-content\/uploads\/2022\/07\/81.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Any Atkinson","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/magemart.com\/blog\/#website","url":"https:\/\/magemart.com\/blog\/","name":"Magento 2 Blog - Tutorials \/ Devdocs | Magemart-AheadGroups","description":"Magento 2 Blog - Tutorials","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magemart.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#primaryimage","url":"https:\/\/magemart.com\/blog\/wp-content\/uploads\/2022\/07\/81.jpg","contentUrl":"https:\/\/magemart.com\/blog\/wp-content\/uploads\/2022\/07\/81.jpg","width":1200,"height":630},{"@type":"WebPage","@id":"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#webpage","url":"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/","name":"Step-by-Step Guide to Make Your PWA Offline","isPartOf":{"@id":"https:\/\/magemart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#primaryimage"},"datePublished":"2022-07-07T05:07:11+00:00","dateModified":"2022-09-01T19:17:38+00:00","author":{"@id":"https:\/\/magemart.com\/blog\/#\/schema\/person\/1a93ce9f4356af9a8637e9ee970a4300"},"description":"Push notifications, offline support, SEO-friendly, and cross-browser compatibility makes PWA popular. It is a guide to make your PWA offline.","breadcrumb":{"@id":"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/magemart.com\/blog\/step-by-step-guide-to-make-your-pwa-offline\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/magemart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Step-by-Step Guide to Make Your PWA Offline"}]},{"@type":"Person","@id":"https:\/\/magemart.com\/blog\/#\/schema\/person\/1a93ce9f4356af9a8637e9ee970a4300","name":"Any Atkinson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magemart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a0a5aa37ea9188eac65d593ca5e6b99?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a0a5aa37ea9188eac65d593ca5e6b99?s=96&d=mm&r=g","caption":"Any Atkinson"}}]}},"_links":{"self":[{"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/posts\/2371"}],"collection":[{"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/comments?post=2371"}],"version-history":[{"count":24,"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/posts\/2371\/revisions"}],"predecessor-version":[{"id":2741,"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/posts\/2371\/revisions\/2741"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/media\/2607"}],"wp:attachment":[{"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/media?parent=2371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/categories?post=2371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magemart.com\/blog\/wp-json\/wp\/v2\/tags?post=2371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}