{"version":"1.0","provider_name":"Hedera","provider_url":"https:\/\/hedera.com","title":"Develop a Hedera DApp with MetaMask, HashPack, and Blade Integration | Hedera","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"1uASh667vb\"><a href=\"https:\/\/hedera.com\/blog\/develop-a-hedera-dapp-with-metamask-hashpack-and-blade-integration\/\">Develop a Hedera DApp with MetaMask, HashPack, and Blade Integration<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/hedera.com\/blog\/develop-a-hedera-dapp-with-metamask-hashpack-and-blade-integration\/embed\/#?secret=1uASh667vb\" width=\"600\" height=\"338\" title=\"&#8220;Develop a Hedera DApp with MetaMask, HashPack, and Blade Integration&#8221; &#8212; Hedera\" data-secret=\"1uASh667vb\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/hedera.com\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/hedera.com\/wp-content\/uploads\/2025\/12\/Develop-a-Hedera-Dapp-Blog-Banner.png","thumbnail_width":1200,"thumbnail_height":670,"description":"In this step-by-step guide, we'll show you how to create a Hedera DApp using React, Material UI, Ethers, and TypeScript. With the help of the Create React App (CRA) Hedera DApp template, you'll be able to seamlessly integrate popular wallets like MetaMask, Hashpack, and Blade. You'll learn how to query the mirror node and incorporate HTS features, enabling users to effortlessly manage and transact with HTS tokens."}