{"id":13400,"date":"2025-05-12T14:58:38","date_gmt":"2025-05-12T09:28:38","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=13400"},"modified":"2025-09-19T14:24:34","modified_gmt":"2025-09-19T08:54:34","slug":"hyva-react-checkout","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/hyva-react-checkout\/","title":{"rendered":"How to Set up Hyv\u00e4 React Checkout in Magento 2?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This blog post is your ultimate guide to Hyv\u00e4 React Checkout.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to make your Magento 2 store checkout faster yet developer-friendly, this guide will be helpful to you.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s dive right in.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is Hyv\u00e4 React Checkout?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hyv\u00e4 React Checkout is an open-source Magento 2 module that improves the performance of the checkout page using ReactJS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Making the customization much simpler for developers.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The default Luma theme completely works on uiComponents. A combination of Knockout.js, jQuery, and RequireJS, aka old JavaScript libraries, makes it harder for developers to comprehend.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Secondly, this Hyv\u00e4 React-based Checkout works well with speed.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A default Luma checkout requires more than 400 javascript and template files to load, while the Hyv\u00e4 React Checkout takes only one JavaScript file (less than 100kb in size) to render the entire checkout page.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using the Hyv\u00e4 React Checkout:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your checkout page loads faster using a single JavaScript file<\/li>\n\n\n\n<li>You work with less complicated JavaScript files<\/li>\n\n\n\n<li>Get better customization options for developers&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Hyv\u00e4 React Checkout vs Hyv\u00e4 Checkout &#8211; What\u2019s the Difference?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hyv\u00e4 React Checkout and Hyv\u00e4 Checkout are two checkout solutions for Magento 2, but they are different.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Elements<\/strong><\/td><td><strong>Hyv\u00e4 React Checkout<\/strong><\/td><td><strong>Hyv\u00e4 Checkout<\/strong><\/td><\/tr><tr><td>Cost<\/td><td>Free<\/td><td>Paid plans:<br>&#8211; Yearly subscription: \u20ac1000 (license cost) + \u20ac250 &nbsp;<br>&#8211; One-time cost: \u20ac2000 (license cost included)<\/td><\/tr><tr><td>Best for&nbsp;<\/td><td>Customizing checkout&nbsp;<\/td><td>Improving checkout performance&nbsp;<\/td><\/tr><tr><td>Compatibility&nbsp;<\/td><td>Hyv\u00e4 theme, Luma, or headless<\/td><td>Hyv\u00e4 theme only&nbsp;<\/td><\/tr><tr><td>Tech stack&nbsp;<\/td><td>Built with React<\/td><td>AlpineJS and Tailwind CSS<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Hyv\u00e4 Checkout is ideal for stores built on the Hyv\u00e4 theme and works more like an add-on feature to improve the checkout experience.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the other hand, Hyv\u00e4 React Checkout gives flexibility to Luma theme store owners and others to add more customization to their existing stores.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Install &amp; Use Hyv\u00e4 React Checkout? (for Developers)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install via Composer<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Objective<\/strong>: Install the Hyv\u00e4 React Checkout module and its dependencies in your Magento 2 environment.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add the Hyv\u00e4 React Checkout Repository<\/strong>:<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Use Composer to configure the repository and install the module:<br>composer config repositories.hyva-themes\/magento2-react-checkout git git@github.com:hyva-themes\/magento2-react-checkout.git<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>composer require hyva-themes\/magento2-react-checkout<\/li>\n\n\n\n<li>Ensure you have access to the repository (public or via SSH key for private access).<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Install GraphQL Tokens Module (if needed)<\/strong>:\n<ul class=\"wp-block-list\">\n<li>For customer session handling, install the hyva-themes\/magento2-graphql-tokens module if using Hyv\u00e4 Themes or Magento\u2019s default frontend:<br>composer require hyva-themes\/magento2-graphql-tokens<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Run Magento Setup Commands<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Update the Magento database schema and enable the module:<br>bin\/magento setup:upgrade<\/li>\n\n\n\n<li>Deploy static content (for production mode):<br>bin\/magento setup:static-content:deploy<\/li>\n\n\n\n<li>Clear the cache:<br>bin\/magento cache:flush<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Verify Installation<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Check that the module appears in app\/etc\/config.php under Hyva_ReactCheckout =&gt; 1.<\/li>\n\n\n\n<li>In developer mode, navigate to [store-url]\/hyva\/reactcheckout to confirm the checkout loads.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Configure Checkout<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Objective<\/strong>: Set up the Hyv\u00e4 React Checkout module and customize its environment for your store.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable the Module<\/strong>:\n<ul class=\"wp-block-list\">\n<li>In the Magento Admin Panel, go to <strong>Stores &gt; Configuration &gt; Hyv\u00e4 React Checkout &gt; General<\/strong>.<\/li>\n\n\n\n<li>Set <strong>Enable<\/strong> to <strong>Yes<\/strong> to activate the React Checkout, overriding the default Magento checkout.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Configure Environment Variables<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Navigate to the React app directory: vendor\/hyva-themes\/magento2-react-checkout\/src\/reactapp.<\/li>\n\n\n\n<li>Copy env.example to .env and configure key variables:\n<ul class=\"wp-block-list\">\n<li>REACT_APP_BASE_URL: Your Magento backend URL (e.g., http:\/\/yourstore.com).<\/li>\n\n\n\n<li>REACT_APP_STORE_CODE: Store code for GraphQL queries (e.g., default).<\/li>\n\n\n\n<li>REACT_APP_LANGUAGE: Locale (e.g., en_US).<\/li>\n\n\n\n<li>REACT_APP_CURRENCY_CODE: Currency (e.g., USD).<\/li>\n\n\n\n<li>REACT_APP_CURRENCY_SYMBOL: Currency symbol (e.g., $).<\/li>\n\n\n\n<li>REACT_APP_DEFAULT_COUNTRY: Default country for address fields (e.g., US).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Set Up Payment Methods<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Identify the payment methods your store uses (e.g., PayPal, Stripe, or custom).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Add payment method repositories to reactapp\/package.json under config.paymentMethodsRepo. Example:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\"config\": {\n  \"paymentMethodsRepo\": {\n    \"myPayment\": \"git@github.com:your-repo\/magento2-hyva-checkout-my-payment.git\"\n  }\n<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>}<\/li>\n\n\n\n<li>Run npm install in the reactapp directory to fetch these repositories.<\/li>\n\n\n\n<li><strong>Test Configuration<\/strong>:<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Run the React app locally for testing:<br>cd vendor\/hyva-themes\/magento2-react-checkout\/src\/reactapp<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">npm install<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>npm start<\/li>\n\n\n\n<li>Access http:\/\/localhost:3000, enter a valid Magento cart ID, and verify that the checkout renders with your store\u2019s data.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Deploy the React Checkout<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Objective<\/strong>: Build and deploy the React app, integrate customizations, and ensure the checkout is production-ready.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Customize the Checkout<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Use the <strong>Checkout Example Template<\/strong> for maintainable customizations:<br>composer require hyva-themes\/magento2-checkout-example\n<ul class=\"wp-block-list\">\n<li>Set up the module in app\/code\/Hyva\/CheckoutExample.<\/li>\n\n\n\n<li>Copy only the React components you need to modify from vendor\/hyva-themes\/magento2-react-checkout\/src\/reactapp\/src to your module\u2019s reactapp\/src.<\/li>\n\n\n\n<li>Update Webpack aliases in your module\u2019s reactapp\/webpack.config.js to resolve imports (e.g., @hyva\/react-checkout).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Alternatively, fork the repository or copy to app\/code, but note that these approaches complicate updates.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Build the React App<\/strong>:\n<ul class=\"wp-block-list\">\n<li>In the reactapp directory, build the production-ready JavaScript bundle:<br>npm run build<\/li>\n\n\n\n<li>This generates react-checkout.es.min.js and other assets in src\/view\/frontend\/web\/.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Deploy Static Content<\/strong>:\n<ul class=\"wp-block-list\">\n<li>In production mode, deploy the static files:<br>bin\/magento setup:static-content:deploy<\/li>\n\n\n\n<li>Clear the cache if necessary:<br>bin\/magento cache:flush<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Integrate Custom Payment Renderers<\/strong>:<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For each payment method, create a renderer in src\/reactapp\/src\/paymentMethods\/&lt;method&gt;\/renderers.js. Example:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import React, { useEffect } from 'react';\nimport { func, shape, string } from 'prop-types';\nimport RadioInput from '@hyva\/react-checkout\/components\/common\/Form\/RadioInput';\nimport usePaymentMethodCartContext from '@hyva\/react-checkout\/components\/paymentMethod\/hooks\/usePaymentMethodCartContext';\n\nfunction MyPayment({ method, selected, actions }) {\n  const methodCode = method.code;\n  const isSelected = methodCode === selected.code;\n  const { setPaymentMethod } = usePaymentMethodCartContext();\n\n  useEffect(() => {\n    if (isSelected) {\n      (async () => {\n        await setPaymentMethod(methodCode);\n      })();\n    }\n  }, [setPaymentMethod, methodCode]);\n\n  return (\n    &lt;div>\n      &lt;RadioInput\n        label={method.title}\n        name=\"paymentMethod\"\n        value={method.code}\n        onChange={actions.change}\n        checked={isSelected}\n      \/>\n      {isSelected &amp;&amp; &lt;div>{\/* Custom form or iframe *\/}&lt;\/div>}\n    &lt;\/div>\n  );\n}\n\nMyPayment.propTypes = {\n  method: shape({ code: string.isRequired, title: string.isRequired }).isRequired,\n  selected: shape({ code: string.isRequired }),\n  actions: shape({ change: func.isRequired }).isRequired,\n};\n<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>export default { myPayment: MyPayment };<\/li>\n\n\n\n<li>Test renderers locally using npm start.<\/li>\n\n\n\n<li><strong>Test Deployment<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Navigate to [store-url]\/hyva\/reactcheckout and test the full checkout flow (cart, address entry, payment, order placement).<\/li>\n\n\n\n<li>Verify Tailwind CSS styles and resolve any conflicts with non-Hyv\u00e4 themes by including Hyva_ReactCheckout::css\/styles.css in your layout.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Optional Step: Disable the Default Hyv\u00e4 Checkout<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Objective<\/strong>: Ensure only the React Checkout is active if using Hyv\u00e4 Themes with the commercial Hyv\u00e4 Checkout.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Check for Hyv\u00e4 Checkout<\/strong>:\n<ul class=\"wp-block-list\">\n<li>If your store uses Hyv\u00e4 Themes, the commercial hyva-themes\/magento2-hyva-checkout module may be installed.<\/li>\n\n\n\n<li>Verify its presence in composer.json or vendor\/hyva-themes\/magento2-hyva-checkout.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Disable the Commercial Checkout<\/strong>:\n<ul class=\"wp-block-list\">\n<li>In the Magento Admin Panel, go to <strong>Stores &gt; Configuration &gt; Hyv\u00e4 Checkout &gt; General<\/strong>.<\/li>\n\n\n\n<li>Set <strong>Enable<\/strong> to <strong>No<\/strong> to disable the Magewire-based Hyv\u00e4 Checkout.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Alternatively, disable the module via CLI:<br>bin\/magento module:disable Hyva_Checkout<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">bin\/magento setup:upgrade<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>bin\/magento cache:flush<\/li>\n\n\n\n<li><strong>Resolve Conflicts<\/strong>:\n<ul class=\"wp-block-list\">\n<li>If both hyva-themes\/magento2-hyva-checkout and hyva-themes\/magento2-react-checkout are installed, autoload errors may occur.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Remove the commercial checkout module from composer.json and vendor\/:<br>composer remove hyva-themes\/magento2-hyva-checkout<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">composer install<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">bin\/magento setup:upgrade<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>bin\/magento setup:di:compile<\/li>\n\n\n\n<li><strong>Verify<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Ensure [store-url]\/hyva\/reactcheckout loads the React Checkout without conflicts.<\/li>\n\n\n\n<li>Test the checkout flow to confirm the default or commercial checkout is no longer active.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Solutions to Common Problems Using Hyv\u00e4 React Checkout<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Checkout Page Not Showing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Solution: This is a configuration issue. Check that you have properly installed&nbsp; Hyv\u00e4 React Checkout and activated it from your Magento 2 admin.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CSS Conflicts with Theme<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Solution: This happens because Hyv\u00e4 uses Tailwind CSS, which differs from the Luma theme. Avoid overrides since the official document says some CSS issues might be expected in this process.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">JS Errors on Checkout Page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Solution: Check the issues with the JavaScript and fix them using the browser console. Also, install the dependencies using the <strong>npm install<\/strong> command and compile the JavaScript bundle using the <strong>npm run build<\/strong> command.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Payment \/ Shipping Method Not Showing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Solution:Make sure you have properly installed the payment\/shipping extensions. Then, you correctly added the components to the JS file.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions&nbsp;<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Is Hyva Theme License Required to Use Hyv\u00e4 React Checkout?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">No, Hyv\u00e4 React Checkout is a free open-source.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Integrate Custom Payment Method in Hyv\u00e4 React Checkout?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Make the basic configuration settings and use the ViewModel available in the Hyv\u00e4 module.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What are the System Requirements for Hyv\u00e4 React Checkout?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Magento 2.4.3 or higher, PHP 7.4 or newer, and react environments like: Node.js, React, and Tailwind CSS.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can I install Hyv\u00e4 React Checkout without Composer?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes, you can install it without a composer, but it is not recommended.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Get Started with Custom Hyv\u00e4 Theme Development<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Just like Hyv\u00e4 React Checkout makes developers&#8217; lives easy, the Hyv\u00e4 theme is built to make your store faster and more accessible. Opt for our <a href=\"https:\/\/meetanshi.com\/hyva-theme-development-service\" target=\"_blank\" rel=\"noreferrer noopener\">Hyv\u00e4 theme development services<\/a> to add customization to your Hyv\u00e4 theme to ensure your store is feature-filled to make an impression and a sale at the same time.<\/p>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Is Hyva Theme License Required to Use Hyv\u00e4 React Checkout?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"No, Hyv\u00e4 React Checkout is a free open-source.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"How to Integrate Custom Payment Method in Hyv\u00e4 React Checkout?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Make the basic configuration settings and use the ViewModel available in the Hyv\u00e4 module.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"What are the System Requirements for Hyv\u00e4 React Checkout?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Magento 2.4.3 or higher, PHP 7.4 or newer, and react environments like: Node.js, React, and Tailwind CSS.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Can I install Hyv\u00e4 React Checkout without Composer?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Yes, you can install it without a composer, but it is not recommended.\"\n    }\n  }]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>This blog post is your ultimate guide to Hyv\u00e4 React Checkout.&nbsp; If you want to make your Magento 2 store checkout faster yet developer-friendly, this&#8230;<\/p>\n","protected":false},"author":5,"featured_media":13432,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34,5869],"tags":[],"class_list":["post-13400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento","category-hyva-themes"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/13400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=13400"}],"version-history":[{"count":8,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/13400\/revisions"}],"predecessor-version":[{"id":22194,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/13400\/revisions\/22194"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media\/13432"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=13400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=13400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=13400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}