{"id":10409,"date":"2021-11-19T17:43:36","date_gmt":"2021-11-19T12:13:36","guid":{"rendered":"https:\/\/www.konstantinfo.com\/blog\/?p=10409"},"modified":"2026-02-25T17:55:11","modified_gmt":"2026-02-25T12:25:11","slug":"build-react-pwa","status":"publish","type":"post","link":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/","title":{"rendered":"How to Build a React Progressive Web App?"},"content":{"rendered":"<p>The technology behind &#8216;progressive&#8217; web applications came into being only a few years back and quickly gained momentum, paving the way ahead to building future-ready mobile applications.<\/p>\n<p>Progressive web applications are reliable, fast, and engaging. They bring out the best of mobile sites and native applications. Earlier, many brands overlooked the steady proliferation of mobile technology, yet it facilitates reaching out to their nascent customers.<\/p>\n<h2>Why Do Brands Invest in Progressive Web Apps?<\/h2>\n<p>PWA&#8217;s offer enhanced user experience through progressive enhancement. Robust PWA solutions help drive and accelerate technological capabilities, empowering companies, and adding the right balance to the business;<\/p>\n<p>Progressive web apps work seamlessly in offline mode. They depict mobile-like behaviour (native performance). PWA&#8217;s are highly performant and get installed smoothly. They do not require app store submission. It can\u00a0 &#8211; (1) send push notifications, (2) access the hardware of the mobile device, and (3) work in no network or unstable connections.<\/p>\n<h2>What Makes Web Apps Progressive?<\/h2>\n<p><strong>Secure Contexts<\/strong>: The foremost requirement to convert a web application into &#8216;progressive&#8217; is to have a secure network (HTTPS). Establish your web app as a trusted site to integrate transactions into your PWA.<\/p>\n<p><strong>Service Workers<\/strong>: These scripts enable users to control how web browsers handle network requests and asset caching. These are accountable for reliable, fast web pages and offline experiences.<\/p>\n<p><strong>Manifest File<\/strong>: JavaScript Object Notation (JSON) file controls how your app appears to your end-users. It contains the &#8211; (1) icons, (2) app URL, (3) design details \u2013 that are necessary to make the PWA appear snazzy.<\/p>\n<h2>How to Build React Progressive Web App?<\/h2>\n<p>Catching up with the change, PWA\u2019s have moulded &#8216;along with&#8217; existing architectures using libraries like React and JS module bundlers like webpack. As we hope to work around with minor tweaks, a PWA should not require a wholesale rewrite. Thrusting some metrics in place, shipping just what users need, routing, and throwing all non-essentials can be a good idea for fast performance.<\/p>\n<p>Lighthouse is a tool for auditing, checking if the app meets a bar for web performance under emulated mobile conditions. It is available as a Chrome extension and\u00a0\u00a0 Command Line Interface (CLI).<\/p>\n<h2>Which Top-Level Audits Should You Consider While Building React PWA?<\/h2>\n<ul>\n<li>If the network connection is secure;<\/li>\n<li>It prompts users to add the app to the home screen;<\/li>\n<li>To install the web app with a custom splash screen;<\/li>\n<li>To load and install the app on offline\/flaky connections;<\/li>\n<li>To speed up the page performance;<\/li>\n<li>To enhance the site progressively;<\/li>\n<li>To design the site in a mobile-friendly manner;<\/li>\n<li>To check if the address bar matches brand colours;<\/li>\n<\/ul>\n<p>All these points are achievable with some caveats; Undeniably, web applications can be flaky. It has evolved from a document-centric platform to a first-class application platform.<\/p>\n<p>Use JS libraries judiciously to make your application interactive.<\/p>\n<h2>Examples of Open-source React Progressive Web App<\/h2>\n<ul>\n<li>Universal rendering<\/li>\n<li>Service worker app shell caching<\/li>\n<li>Content caching in cache API<\/li>\n<li>Built without React, React Router, and Firebase<\/li>\n<li>Cross-browser, including UC browser<\/li>\n<li>Optimized for Lighthouse<\/li>\n<\/ul>\n<h2>Top Examples of React PWA<\/h2>\n<ul>\n<li>Canva<\/li>\n<li>Photoscape<\/li>\n<li>Amazon<\/li>\n<li>Flipkart<\/li>\n<li>MI Store<\/li>\n<li>In video<\/li>\n<\/ul>\n<h2>The Process to Build React Progressive Web App<\/h2>\n<p>Building React Progressive Web Application with React cross-platform app development framework, get the latest version of Node installed. Get yourself a code editor like Visual Studio Code. You have three options: (1) To lace a React app with &#8216;progressive&#8217; functionalities, (2) Use Create React App tool by Facebook, (3) import ready-made React apps from Github.<\/p>\n<ul>\n<li>To begin with, install Create React App tool in the system. Fire up your code editor, enter the following code: <em><strong>npm install &#8211;global create-react-app\n<p><\/strong><\/em><\/li>\n<li>The installation of the Create React App tool begins. Once it is complete, enter the following code: <strong>create &#8211; react &#8211; app react-PWA-example<\/strong><br \/>\n<strong># and cd in that directory<\/strong><br \/>\n<strong>cd react &#8211; PWA &#8211; example<\/strong><\/li>\n<\/ul>\n<ul>\n<li>After the project, check the <em>package.json<\/em> file, notice the dependencies that come with the file. Install the &#8216;React &#8211; router&#8217; dependency, using the code editor, and take a test by running the npm run start command.<\/li>\n<\/ul>\n<ul>\n<li>You may use Lighthouse, which is a free extension by Google, to analyze a web app and show if it is progressive or not.<\/li>\n<\/ul>\n<ul>\n<li>The example we explained above has a default service worker for &#8216;cache static&#8217; assets, but we can create a custom service worker instead. For this, create a new service worker file in the source directory of your project, and replace the following code with the name of your custom service worker there: <em><strong>window.addEventListener(&#8216;Load&#8217;, () =&gt; { const swUrl = &#8216;${process.env.PUBLIC_URL}\/service-worker.js&#8217;;<\/strong><\/em><\/li>\n<\/ul>\n<ul>\n<li>Add a testing functionality to this service worker file by using the default <strong>console.log(&#8220;&#8221;)<\/strong> command.<\/li>\n<\/ul>\n<ul>\n<li>Create a new production build of the app<\/li>\n<\/ul>\n<ul>\n<li>Check the console. Lighthouse for an improved PWA score because of the added service worker functionality.<\/li>\n<\/ul>\n<ul>\n<li>(Here, you can write more complex service worker code, depending on the &#8216;functionality you desire&#8217;)<\/li>\n<\/ul>\n<ul>\n<li>Before the app initializes, display the loading messages or CSS by editing the index.html file to remove the import references of CSS files from app.js and index.js files and improve app performance. It helps in adding &#8216;secure contexts&#8217; to enhance the &#8216;progressiveness&#8217; of the app.<\/li>\n<\/ul>\n<ul>\n<li>The create React App has a manifest file in the public directory. It helps in basic configurations. You may modify the <strong>public\/manifest.jso<\/strong>n file to add functionalities like icons, install options, and PWA icons on the home screen or desktop for easy access.<\/li>\n<\/ul>\n<ul>\n<li>After completing all the above steps, your app is ready for deployment. Use Firebase, turn on caching by changing the value of <strong>doCache<\/strong> to true. Install Firebase and initialize the Firebase module.<\/li>\n<\/ul>\n<ul>\n<li>Once done, deploy by using the following code: <em><strong>npm run build &amp;&amp; firebase deploy<\/strong><\/em><\/li>\n<\/ul>\n<ul>\n<li>The firebase CLI tool returns a URL, which opens in a web browser. The hosting URL will have HTTPS: https:\/\/pwa-example-1.firebaseapp.com<\/li>\n<\/ul>\n<ul>\n<li>Execute the Lighthouse tool, and you will get 100 PWA SCORE. That implies that your PWA is ready.<\/li>\n<\/ul>\n<h2>Conclusive: Why Should You Create a React PWA?<\/h2>\n<p>When you are concerned with audience across platforms, the size and complexity of applications, the app performance, all the code that users need to download and install, then <a href=\"https:\/\/www.konstantinfo.com\/blog\/creating-progressive-web-apps-vue-ionic\/\" target=\"_blank\">progressive web app<\/a> become prominent. For all the good reasons discussed above, these are easy to create and deploy. They do not stare at the blank loading screen as the JavaScript initializes. Progressive web applications go well to build interactive user interfaces, combining ease of development with performance and capability, fast, beautiful, and functional web applications.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The technology behind &#8216;progressive&#8217; web applications came into being only a few years back and quickly gained momentum, paving the way ahead to building future-ready mobile applications. Progressive web applications are reliable, fast, and engaging. They bring out the best of mobile sites and native applications. Earlier, many brands overlooked the steady proliferation of mobile&hellip; <a class=\"more-link\" href=\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/\">Continue reading <span class=\"screen-reader-text\">How to Build a React Progressive Web App?<\/span><\/a><\/p>\n","protected":false},"author":21,"featured_media":10411,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[1865,1632],"class_list":["post-10409","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-app-development","tag-pwa","tag-react-progressive-web-app","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Build a React Progressive Web App? - Konstantinfo<\/title>\n<meta name=\"description\" content=\"Here are a few globs to discern the applicability, and steps to get started with your first react progressive web app development!\" \/>\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.konstantinfo.com\/konstant-blog\/build-react-pwa\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build a React Progressive Web App? - Konstantinfo\" \/>\n<meta property=\"og:description\" content=\"Here are a few globs to discern the applicability, and steps to get started with your first react progressive web app development!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/\" \/>\n<meta property=\"og:site_name\" content=\"Konstantinfo\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/konstant.info\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-19T12:13:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-25T12:25:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2021\/11\/react-progressive-web-app.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1008\" \/>\n\t<meta property=\"og:image:height\" content=\"448\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Neeti Kotia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@konstantinfo\" \/>\n<meta name=\"twitter:site\" content=\"@konstantinfo\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Neeti Kotia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/\",\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/\",\"name\":\"How to Build a React Progressive Web App? - Konstantinfo\",\"isPartOf\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2021\/11\/react-progressive-web-app.jpg\",\"datePublished\":\"2021-11-19T12:13:36+00:00\",\"dateModified\":\"2026-02-25T12:25:11+00:00\",\"author\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/f21f3944d0e3bceb3e4884381bb224b9\"},\"description\":\"Here are a few globs to discern the applicability, and steps to get started with your first react progressive web app development!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#primaryimage\",\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2021\/11\/react-progressive-web-app.jpg\",\"contentUrl\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2021\/11\/react-progressive-web-app.jpg\",\"width\":1008,\"height\":448,\"caption\":\"React Progressive Web App\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Build a React Progressive Web App?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#website\",\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/\",\"name\":\"Konstantinfo\",\"description\":\"Welcome to Konstant Info\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/f21f3944d0e3bceb3e4884381bb224b9\",\"name\":\"Neeti Kotia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2018\/02\/Neeti-150x150.jpg\",\"contentUrl\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2018\/02\/Neeti-150x150.jpg\",\"caption\":\"Neeti Kotia\"},\"description\":\"Neeti Kotia is a technology journalist who seeks to analyze the advancements and developments in technology that affect our everyday lives. Her articles primarily focus upon the business, social, cultural, and entertainment side of the technology sector.\",\"sameAs\":[\"http:\/\/www.konstantinfo.com\",\"http:\/\/www.facebook.com\/konstant.info\",\"https:\/\/x.com\/konstantinfo\"],\"url\":\"https:\/\/www.konstantinfo.com\/konstant-blog\/author\/neeti-kotia\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Build a React Progressive Web App? - Konstantinfo","description":"Here are a few globs to discern the applicability, and steps to get started with your first react progressive web app development!","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.konstantinfo.com\/konstant-blog\/build-react-pwa\/","og_locale":"en_US","og_type":"article","og_title":"How to Build a React Progressive Web App? - Konstantinfo","og_description":"Here are a few globs to discern the applicability, and steps to get started with your first react progressive web app development!","og_url":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/","og_site_name":"Konstantinfo","article_author":"http:\/\/www.facebook.com\/konstant.info","article_published_time":"2021-11-19T12:13:36+00:00","article_modified_time":"2026-02-25T12:25:11+00:00","og_image":[{"width":1008,"height":448,"url":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2021\/11\/react-progressive-web-app.jpg","type":"image\/jpeg"}],"author":"Neeti Kotia","twitter_card":"summary_large_image","twitter_creator":"@konstantinfo","twitter_site":"@konstantinfo","twitter_misc":{"Written by":"Neeti Kotia","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/","url":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/","name":"How to Build a React Progressive Web App? - Konstantinfo","isPartOf":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#primaryimage"},"image":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#primaryimage"},"thumbnailUrl":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2021\/11\/react-progressive-web-app.jpg","datePublished":"2021-11-19T12:13:36+00:00","dateModified":"2026-02-25T12:25:11+00:00","author":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/f21f3944d0e3bceb3e4884381bb224b9"},"description":"Here are a few globs to discern the applicability, and steps to get started with your first react progressive web app development!","breadcrumb":{"@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#primaryimage","url":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2021\/11\/react-progressive-web-app.jpg","contentUrl":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2021\/11\/react-progressive-web-app.jpg","width":1008,"height":448,"caption":"React Progressive Web App"},{"@type":"BreadcrumbList","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/build-react-pwa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.konstantinfo.com\/konstant-blog\/"},{"@type":"ListItem","position":2,"name":"How to Build a React Progressive Web App?"}]},{"@type":"WebSite","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#website","url":"https:\/\/www.konstantinfo.com\/konstant-blog\/","name":"Konstantinfo","description":"Welcome to Konstant Info","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.konstantinfo.com\/konstant-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/f21f3944d0e3bceb3e4884381bb224b9","name":"Neeti Kotia","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.konstantinfo.com\/konstant-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2018\/02\/Neeti-150x150.jpg","contentUrl":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2018\/02\/Neeti-150x150.jpg","caption":"Neeti Kotia"},"description":"Neeti Kotia is a technology journalist who seeks to analyze the advancements and developments in technology that affect our everyday lives. Her articles primarily focus upon the business, social, cultural, and entertainment side of the technology sector.","sameAs":["http:\/\/www.konstantinfo.com","http:\/\/www.facebook.com\/konstant.info","https:\/\/x.com\/konstantinfo"],"url":"https:\/\/www.konstantinfo.com\/konstant-blog\/author\/neeti-kotia\/"}]}},"show_toc":false,"table_of_content":[],"faq":[],"related_blogs":[{"id":12341,"title":"AI in Real Estate Industry &#8211; Benefits, Use Cases, Applications and Challenges","slug":"ai-in-real-estate","link":"https:\/\/www.konstantinfo.com\/konstant-blog\/ai-in-real-estate\/","modified":"2026-05-07 17:49:19","excerpt":"The real-estate industry is predominantly run by human expertise and manual processes including buying, selling, and building lands and property....","image":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2025\/04\/ai-in-real-estate.webp"},{"id":12324,"title":"10 Top Education App Development Companies (2026)","slug":"education-app-development-companies","link":"https:\/\/www.konstantinfo.com\/konstant-blog\/education-app-development-companies\/","modified":"2026-05-07 15:22:39","excerpt":"What started as an extension of traditional classrooms became a billion-dollar industry. The online education sector has flourished massively. It...","image":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2025\/04\/education-app-development-companies.webp"},{"id":12333,"title":"10 Best eCommerce App Development Companies (2026)","slug":"ecommerce-app-development-companies","link":"https:\/\/www.konstantinfo.com\/konstant-blog\/ecommerce-app-development-companies\/","modified":"2026-05-05 17:18:51","excerpt":"We have curated a comprehensive list of top eCommerce app development companies to assist you in developing top-notch eCommerce applications....","image":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-content\/uploads\/2025\/04\/best-ecommerce-app-development-companies.webp"}],"_links":{"self":[{"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/posts\/10409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/comments?post=10409"}],"version-history":[{"count":1,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/posts\/10409\/revisions"}],"predecessor-version":[{"id":13073,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/posts\/10409\/revisions\/13073"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/media\/10411"}],"wp:attachment":[{"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/media?parent=10409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/categories?post=10409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.konstantinfo.com\/konstant-blog\/wp-json\/wp\/v2\/tags?post=10409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}