{"id":4587,"date":"2026-04-30T05:25:30","date_gmt":"2026-04-30T05:25:30","guid":{"rendered":"https:\/\/www.xminds.com\/resources\/?p=4587"},"modified":"2026-04-30T05:34:39","modified_gmt":"2026-04-30T05:34:39","slug":"micro-frontends-in-react-using-vite-module-federation","status":"publish","type":"post","link":"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/","title":{"rendered":"Micro Frontends in React using Vite Module Federation"},"content":{"rendered":"\n<p>As applications grow larger, frontend codebases often become difficult to maintain. Multiple teams working on the same frontend repository can slow down development and deployments.<\/p>\n\n\n\n<p>This is where Microfrontend architecture comes in.<\/p>\n\n\n\n<p>Microfrontends allow us to break a large frontend application into smaller independent applications, similar to how microservices work in the backend.<\/p>\n\n\n\n<p>Today we will cover:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What Microfrontends are<br><\/li>\n\n\n\n<li>Why they are useful<br><\/li>\n\n\n\n<li>How to implement them using React + Vite Module Federation<\/li>\n<\/ul>\n\n\n\n<p><strong>What is a Microfrontend?<\/strong><\/p>\n\n\n\n<p>A Microfrontend is an architectural pattern where a frontend application is divided into multiple smaller applications, each owned by a separate team.<\/p>\n\n\n\n<p>Instead of one large application like this:<\/p>\n\n\n\n<p>One React App<\/p>\n\n\n\n<p>\u251c Products<\/p>\n\n\n\n<p>\u251c Cart<\/p>\n\n\n\n<p>\u251c Checkout<\/p>\n\n\n\n<p>\u2514 User Profile<\/p>\n\n\n\n<p>We split it into independent applications:<\/p>\n\n\n\n<p>Host App<\/p>\n\n\n\n<p>\u251c Product App<\/p>\n\n\n\n<p>\u251c Cart App<\/p>\n\n\n\n<p>\u2514 Profile App<\/p>\n\n\n\n<p>Each application can be:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Developed independently<br><\/li>\n\n\n\n<li>Deployed independently<br><\/li>\n\n\n\n<li>Maintained by different teams<br><\/li>\n<\/ul>\n\n\n\n<p>This approach improves scalability and team productivity.<\/p>\n\n\n\n<p><strong>Why Use Microfrontends?<\/strong><\/p>\n\n\n\n<p>There are several advantages to using Microfrontends.<\/p>\n\n\n\n<p>First, <strong>independent deployments<\/strong>. Teams can deploy updates without affecting the entire application.<\/p>\n\n\n\n<p>Second, <strong>technology flexibility<\/strong>. One team can use React, another could use Vue or Angular.<\/p>\n\n\n\n<p>Third, <strong>team scalability<\/strong>. Different teams can own different parts of the UI.<\/p>\n\n\n\n<p>This architecture is widely used in large-scale enterprise applications.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Microfrontend Implementation&nbsp;<\/strong><\/h1>\n\n\n\n<p>There are several ways to implement Microfrontends.<\/p>\n\n\n\n<p>Some common approaches include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Build-time integration<\/strong><strong><br><\/strong><\/li>\n\n\n\n<li><strong>Runtime integration<\/strong><strong><br><\/strong><\/li>\n\n\n\n<li><strong>Iframe-based integration<\/strong><strong><br><\/strong><\/li>\n<\/ul>\n\n\n\n<p>However, one of the most modern and efficient approaches is <strong>Module Federation<\/strong>.<\/p>\n\n\n\n<p>Module Federation allows applications to share components dynamically at runtime.<\/p>\n\n\n\n<p>Originally introduced in Webpack 5, it is now also supported in Vite using plugins.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Project Architecture<\/strong><\/h1>\n\n\n\n<p>In our example, we will create two applications:<\/p>\n\n\n\n<p>Host Application<\/p>\n\n\n\n<p>Remote Application<\/p>\n\n\n\n<p>The <strong>Host app<\/strong> acts as the main container.<\/p>\n\n\n\n<p>The <strong>Remote app<\/strong> exposes components that the host can consume.<\/p>\n\n\n\n<p>Example structure:<\/p>\n\n\n\n<p>microfrontend-project<\/p>\n\n\n\n<p>host-app<\/p>\n\n\n\n<p>remote-app<\/p>\n\n\n\n<p>The host will dynamically load components from the remote application.<\/p>\n\n\n\n<p><strong>Setup Microfrontend with Vite<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 1: Create Vite React apps<\/strong><\/h4>\n\n\n\n<p>First, create two React applications using Vite.<\/p>\n\n\n\n<p>npm create vite@latest host-app<\/p>\n\n\n\n<p>npm create vite@latest remote-app<\/p>\n\n\n\n<p>Choose:<\/p>\n\n\n\n<p>React<\/p>\n\n\n\n<p>TypeScript or JavaScript<\/p>\n\n\n\n<p>Then install dependencies.<\/p>\n\n\n\n<p>npm install<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 2: Install Module Federation plugin<\/strong><\/h4>\n\n\n\n<p>Install the Vite federation plugin.<\/p>\n\n\n\n<p>npm install @originjs\/vite-plugin-federation<\/p>\n\n\n\n<p>This plugin enables Module Federation support in Vite.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 3: Configure Remote App<\/strong><\/h4>\n\n\n\n<p>Inside the <strong>remote app<\/strong>, update vite.config.js.<\/p>\n\n\n\n<p>Example configuration:<\/p>\n\n\n\n<p>import { defineConfig } from &#8220;vite&#8221;<\/p>\n\n\n\n<p>import react from &#8220;@vitejs\/plugin-react&#8221;<\/p>\n\n\n\n<p>import federation from &#8220;@originjs\/vite-plugin-federation&#8221;<\/p>\n\n\n\n<p>export default defineConfig({<\/p>\n\n\n\n<p>&nbsp;plugins: [<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;react(),<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;federation({<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name: &#8220;remote_app&#8221;,<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filename: &#8220;remoteEntry.js&#8221;,<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;exposes: {<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#8220;.\/Button&#8221;: &#8220;.\/src\/Button.jsx&#8221;,<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shared: [&#8220;react&#8221;, &#8220;react-dom&#8221;],<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;}),<\/p>\n\n\n\n<p>&nbsp;],<\/p>\n\n\n\n<p>&nbsp;server: {<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;port: 5001,<\/p>\n\n\n\n<p>&nbsp;},<\/p>\n\n\n\n<p>})<\/p>\n\n\n\n<p>Here we are exposing a component called <strong>Button<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 4: Configure Host App<\/strong><\/h4>\n\n\n\n<p>Next, configure the <strong>host app<\/strong>.<\/p>\n\n\n\n<p>Update vite.config.js.<\/p>\n\n\n\n<p>federation({<\/p>\n\n\n\n<p>&nbsp;name: &#8220;host_app&#8221;,<\/p>\n\n\n\n<p>&nbsp;remotes: {<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;remote_app: &#8220;http:\/\/localhost:5001\/assets\/remoteEntry.js&#8221;,<\/p>\n\n\n\n<p>&nbsp;},<\/p>\n\n\n\n<p>&nbsp;shared: [&#8220;react&#8221;, &#8220;react-dom&#8221;],<\/p>\n\n\n\n<p>})<\/p>\n\n\n\n<p>Now the host application knows where to load the remote module from.<br><br><\/p>\n\n\n\n<p><br><strong>Import Remote Component<\/strong><\/p>\n\n\n\n<p>Inside the host app, we can dynamically import the remote component.<\/p>\n\n\n\n<p>Example:<\/p>\n\n\n\n<p>const RemoteButton = React.lazy(() =&gt; import(&#8220;remote_app\/Button&#8221;))<\/p>\n\n\n\n<p>Then render it using React Suspense.<\/p>\n\n\n\n<p>&lt;Suspense fallback=&#8221;Loading&#8230;&#8221;&gt;<\/p>\n\n\n\n<p>&nbsp;&lt;RemoteButton \/&gt;<\/p>\n\n\n\n<p>&lt;\/Suspense&gt;<\/p>\n\n\n\n<p>Now the host application dynamically loads the remote component at runtime.<\/p>\n\n\n\n<p>This is the core idea behind <strong>Module Federation<\/strong>.<\/p>\n\n\n\n<p>When we run both applications:<\/p>\n\n\n\n<p>npm run dev<\/p>\n\n\n\n<p>The host application will load UI components from the remote application.<\/p>\n\n\n\n<p>This means:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Remote apps can be deployed independently<br><\/li>\n\n\n\n<li>Host apps can consume them dynamically<br><\/li>\n\n\n\n<li>Teams can work independently<br><\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h1>\n\n\n\n<p>To summarize:<\/p>\n\n\n\n<p>Microfrontends allow large frontend applications to scale by splitting them into smaller independent applications.<\/p>\n\n\n\n<p>Using <strong>React with Vite Module Federation<\/strong>, we can dynamically share components between applications.<\/p>\n\n\n\n<p>This approach improves:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Development scalability<br><\/li>\n\n\n\n<li>Deployment flexibility<br><\/li>\n\n\n\n<li>Team productivity<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>As applications grow larger, frontend codebases often become difficult to maintain. Multiple teams working on the same frontend repository can slow down development and deployments. This is where Microfrontend architecture comes in. Microfrontends allow us to break a large frontend application into smaller independent applications, similar to how microservices work in the backend. Today we [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4603,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[],"ppma_author":[707],"class_list":["post-4587","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Micro Frontends in React using Vite Module Federation - Xminds Blog<\/title>\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.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Micro Frontends in React using Vite Module Federation - Xminds Blog\" \/>\n<meta property=\"og:description\" content=\"As applications grow larger, frontend codebases often become difficult to maintain. Multiple teams working on the same frontend repository can slow down development and deployments. This is where Microfrontend architecture comes in. Microfrontends allow us to break a large frontend application into smaller independent applications, similar to how microservices work in the backend. Today we [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/\" \/>\n<meta property=\"og:site_name\" content=\"Xminds Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Xminds.Solutions\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-30T05:25:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-30T05:34:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/Microfrontends-in-React-using-Vite-Module-Federation.png\" \/>\n\t<meta property=\"og:image:width\" content=\"680\" \/>\n\t<meta property=\"og:image:height\" content=\"456\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Xminds\" \/>\n<meta name=\"twitter:site\" content=\"@Xminds\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/\",\"url\":\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/\",\"name\":\"Micro Frontends in React using Vite Module Federation - Xminds Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/Microfrontends-in-React-using-Vite-Module-Federation.png\",\"datePublished\":\"2026-04-30T05:25:30+00:00\",\"dateModified\":\"2026-04-30T05:34:39+00:00\",\"author\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/12ec76e188102cd114074133e81588cc\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#primaryimage\",\"url\":\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/Microfrontends-in-React-using-Vite-Module-Federation.png\",\"contentUrl\":\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/Microfrontends-in-React-using-Vite-Module-Federation.png\",\"width\":680,\"height\":456,\"caption\":\"Micro Frontends in React using Vite Module Federation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.xminds.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Micro Frontends in React using Vite Module Federation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.xminds.com\/resources\/#website\",\"url\":\"https:\/\/www.xminds.com\/resources\/\",\"name\":\"Xminds Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.xminds.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/12ec76e188102cd114074133e81588cc\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/image\/22785e118c1cb1036c1a1f93b6f499c0\",\"url\":\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/profile-pic-1.jpg\",\"contentUrl\":\"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/profile-pic-1.jpg\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/www.xminds.com\/\"],\"url\":\"https:\/\/www.xminds.com\/resources\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Micro Frontends in React using Vite Module Federation - Xminds Blog","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.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/","og_locale":"en_US","og_type":"article","og_title":"Micro Frontends in React using Vite Module Federation - Xminds Blog","og_description":"As applications grow larger, frontend codebases often become difficult to maintain. Multiple teams working on the same frontend repository can slow down development and deployments. This is where Microfrontend architecture comes in. Microfrontends allow us to break a large frontend application into smaller independent applications, similar to how microservices work in the backend. Today we [&hellip;]","og_url":"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/","og_site_name":"Xminds Blog","article_publisher":"https:\/\/www.facebook.com\/Xminds.Solutions\/","article_published_time":"2026-04-30T05:25:30+00:00","article_modified_time":"2026-04-30T05:34:39+00:00","og_image":[{"width":680,"height":456,"url":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/Microfrontends-in-React-using-Vite-Module-Federation.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@Xminds","twitter_site":"@Xminds","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/","url":"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/","name":"Micro Frontends in React using Vite Module Federation - Xminds Blog","isPartOf":{"@id":"https:\/\/www.xminds.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#primaryimage"},"image":{"@id":"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/Microfrontends-in-React-using-Vite-Module-Federation.png","datePublished":"2026-04-30T05:25:30+00:00","dateModified":"2026-04-30T05:34:39+00:00","author":{"@id":"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/12ec76e188102cd114074133e81588cc"},"breadcrumb":{"@id":"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#primaryimage","url":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/Microfrontends-in-React-using-Vite-Module-Federation.png","contentUrl":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/Microfrontends-in-React-using-Vite-Module-Federation.png","width":680,"height":456,"caption":"Micro Frontends in React using Vite Module Federation"},{"@type":"BreadcrumbList","@id":"https:\/\/www.xminds.com\/resources\/micro-frontends-in-react-using-vite-module-federation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xminds.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Micro Frontends in React using Vite Module Federation"}]},{"@type":"WebSite","@id":"https:\/\/www.xminds.com\/resources\/#website","url":"https:\/\/www.xminds.com\/resources\/","name":"Xminds Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xminds.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/12ec76e188102cd114074133e81588cc","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xminds.com\/resources\/#\/schema\/person\/image\/22785e118c1cb1036c1a1f93b6f499c0","url":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/profile-pic-1.jpg","contentUrl":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/profile-pic-1.jpg","caption":"admin"},"sameAs":["https:\/\/www.xminds.com\/"],"url":"https:\/\/www.xminds.com\/resources\/author\/admin\/"}]}},"authors":[{"term_id":707,"user_id":1,"is_guest":0,"slug":"admin","display_name":"admin","avatar_url":{"url":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/profile-pic-1.jpg","url2x":"https:\/\/www.xminds.com\/resources\/wp-content\/uploads\/profile-pic-1.jpg"},"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/posts\/4587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/comments?post=4587"}],"version-history":[{"count":7,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/posts\/4587\/revisions"}],"predecessor-version":[{"id":4612,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/posts\/4587\/revisions\/4612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/media\/4603"}],"wp:attachment":[{"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/media?parent=4587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/categories?post=4587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/tags?post=4587"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.xminds.com\/resources\/wp-json\/wp\/v2\/ppma_author?post=4587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}