{
    "componentChunkName": "component---src-templates-blog-post-js",
    "path": "/en/blog/application-web3-decentralise/",
    "result": {"data":{"markdownRemark":{"html":"<h2>Mettre son application en ligne avec Fleek</h2>\n<p>Afin de mettre son application en ligne, nous allons utiliser <a href=\"https://fleek.co/\" target=\"_blank\">Fleek</a> qui permet de dépoyer des applications de manière gratuite et décentralisée.</p>\n<p>L'application n'est donc pas hébergée sur un serveur centralisé qui peut tomber en panne, être piraté ou être censuré mais sur un réseau d'ordinateurs communiquant de manière décentralisé via un protocole de pair à pair nommé <a href=\"https://ipfs.io/\" target=\"_blank\">IPFS</a> pour Inter Planetary File System.</p>\n<p>Ce tutoriel est similaire à celui qui a été réalisé avec <a href=\"https://www.netlify.com/\" target=\"_blank\">Netlify</a> (voir notre article <a href=\"https://www.tridyme.com/fr/blog/deploiement-avec-netlify/\" target=\"_blank\">Déployer son Application Web en ligne gratuitement</a>).</p>\n<p>La démo est accessible ici: 👉<a href=\"https://bold-bread-3802.on.fleek.co/\" target=\"_blank\">Démo</a>👈.</p>\n<h2>Sommaire</h2>\n<ul>\n<li><a href=\"#prerequis\">Les prérequis</a></li>\n<li><a href=\"#step1\">Etape 1: se connecter sur Fleek</a></li>\n<li><a href=\"#step2\">Etape 2: sélectionner le fournisseur Git</a></li>\n<li><a href=\"#step3\">Etape 3: sélectionner le répertoire</a></li>\n<li><a href=\"#step4\">Etape 4: options de déploiement</a></li>\n<li><a href=\"#step5\">Etape 5: Déploiement terminé</a></li>\n<li><a href=\"#plus-loin\">Pour aller plus loin</a></li>\n<li><a href=\"#assistance\">Communauté &#x26; Assistance</a></li>\n</ul>\n<h2><a name=\"prerequis\"></a>Les prérequis</h2>\n<p>Ce tutoriel a vocation à présenter le déploiement d'Application Web avec le <a href=\"https://github.com/tridyme/sdk-structure-app\" target=\"_blank\">sdk-structure-app</a> ou encore le <a href=\"https://github.com/tridyme/sdk-bim-viewer\" target=\"_blank\">sdk-bim-viewer</a> mais peut s'appliquer également à toutes librairies javascript utilisées dans le cadre de site statique.</p>\n<p>Pour cela, il faut au préalable créer un compte gratuitement sur <a href=\"https://github.com/\" target=\"_blank\">Github</a>.</p>\n<p>Une fois cela fait, vous pouvez créer un compte sur <a href=\"https://fleek.co/\" target=\"_blank\">Fleek</a> directement à partir de votre compte <a href=\"https://github.com/\" target=\"_blank\">Github</a> (voir notre article <a href=\"https://www.tridyme.com/fr/blog/versionner-avec-github\" target=\"_blank\">Versionner avec GitHub</a>)</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/ec4b1411ac760f1b8b462efdeb74093e/c9a4d/application-web3-decentralise-1.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 59.5959595959596%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB/0lEQVR42o2TS4saQRSF/ZXuRP/KQNZZZREmr9XMJmGyCQmENKIDWRmGGSIEZ0btp61td/W7ql+e3KpJixoCKbhcS+p+Vffc0x3vzTkc5iJYb7Fdb2AuDVi6Cbb1EXg+5QBZmqKuaxVVVR1F+38bnfXHK/hljcBncAkahDE8+r3xArAoAaN9wBiapjkC/BPoE7AEwFiEs7Nn+D67wY/ZT0wmtxBVg1yUClgUBaIoQpZlCt4CdrvdCfDyvQLmucD94xwPuo6FacGnCyQsTnNwITAcDtHtdtHv9zEYDFT0ej08Uo1cZVk+AVcvLrCtSqRxhpTXSLMcCUFEWdGhBrwgaJLAcRxomobRaKRiPB6rLF8tX9m239GfX2Dm2ljZLqw1tcRzehlHJdtBozJjoWpTLqo9WoftK6D18gvkUZ8mGoZPWp0WSGA7iN0BUbb5F/D+/CvkkYgmynkJL2V4ffcBl78+4e30Cp/nY2RJhjiOsVwuYRgGdNK5zZyLI2hn+uqbuq0izVgYwiKtbuZTPHgGzNiFm2zpshgpedGyLAVaLBawTBO2bUOI4hg4IWC6q+GR76T/WJigFKRdQQrS+AtBHg3YXsP6T/Hpfg+8JmBYcNjOBivSMSH7SLtkvFCR0j440HBv7JP9Hqi901BJDck2IYX0n/xaJCiXUMrtUP4nfgMGaoeQOPrX2wAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Lier à Fleek à Github\"\n        title=\"Lier Fleek à Github\"\n        src=\"/static/ec4b1411ac760f1b8b462efdeb74093e/88e66/application-web3-decentralise-1.png\"\n        srcset=\"/static/ec4b1411ac760f1b8b462efdeb74093e/c7176/application-web3-decentralise-1.png 198w,\n/static/ec4b1411ac760f1b8b462efdeb74093e/50f4b/application-web3-decentralise-1.png 395w,\n/static/ec4b1411ac760f1b8b462efdeb74093e/88e66/application-web3-decentralise-1.png 790w,\n/static/ec4b1411ac760f1b8b462efdeb74093e/c9a4d/application-web3-decentralise-1.png 1143w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2><a name=\"step1\"></a>Etape 1: se connecter sur Fleek</h2>\n<p>Cliquez <strong>Add new site</strong> sur la page d'accueil:</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/b5c0497d55529436e1732069abe7bef7/48a06/application-web3-decentralise-2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 48.989898989899%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABJ0lEQVR42pVR207DMAzN///D+BT2hMQLr0OISZvEUFWtpfekSZqcxc6ylaqAiGTFduyTc2zRDz3yPEfbdajrGk1doSrPwW84btsWTdPcjGtmfhf65GghlcE4KgitNay1+O/x3vNdlCWOhwP6vudYDMOAaZrgnOMi7x2Vs0/5mPP8TnEEuwMrpZglkaI6QZKMMbfGZJQjkDVWPzFmwMRwnqSTZRmqqgK9k0kpQeNhVpLYR0VaOxjt4a+qBDFJM1wyJDk0/KIoWFb6jMqN8eEjE4B9iO99Ykk7yXx92+Pp+QXFV5hPSFnnv8nev39gtzuCyq1xfwM+brfYbB5wOn1GVtfFRSN2KigYAzs3W+gK4HyOMefY5k3pfbnIXwFpUWnTa41Lo0NLuwBPdRA/uZ/PdQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Connection à Fleek\"\n        title=\"Connection à Fleek\"\n        src=\"/static/b5c0497d55529436e1732069abe7bef7/88e66/application-web3-decentralise-2.png\"\n        srcset=\"/static/b5c0497d55529436e1732069abe7bef7/c7176/application-web3-decentralise-2.png 198w,\n/static/b5c0497d55529436e1732069abe7bef7/50f4b/application-web3-decentralise-2.png 395w,\n/static/b5c0497d55529436e1732069abe7bef7/88e66/application-web3-decentralise-2.png 790w,\n/static/b5c0497d55529436e1732069abe7bef7/4ee41/application-web3-decentralise-2.png 1185w,\n/static/b5c0497d55529436e1732069abe7bef7/48a06/application-web3-decentralise-2.png 1387w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2><a name=\"step2\"></a>Etape 2: sélectionner le fournisseur Git</h2>\n<p>Choisissez le fournisseur <strong>git</strong> que vous utilisez. Dans notre cas, il s'agit de <strong>Github</strong>:</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/0a6fad3d67044f09208d41817fcfa49e/a9258/application-web3-decentralise-3.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.03030303030303%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA9klEQVR42q2RwU7DMAyG8/6vwIE7F05w4Fxx4wHQLpPQWFdYk45kaZPGP3ZGqhUxDtBKn5y69mdXUVprtIwxBu/7PZrmDfX2FfWuzu+m6yY01xTalvuMRffh4OwB+sDx6KH6vgcRIaWEcRwzkvNHh8AxhDjl01fMSP1ZjxBjhAohzJMMjYm3cNhZgyE4DEPIxVmaaGpORLM+iepUNJ+UuPhlvcZq9Yxmu4EMFWTzIhboTFhQIpsJ+RyHHo+3N7i7vsLTwz0Ays2F8vwolA/fNyzTLzX9xkWh/FphEeFfyLe8pFA8iwllO+/96Zb/K5KLs9aiqip8ApmZXYuHzWbPAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Connection à GitHub\"\n        title=\"Connection à GitHub\"\n        src=\"/static/0a6fad3d67044f09208d41817fcfa49e/88e66/application-web3-decentralise-3.png\"\n        srcset=\"/static/0a6fad3d67044f09208d41817fcfa49e/c7176/application-web3-decentralise-3.png 198w,\n/static/0a6fad3d67044f09208d41817fcfa49e/50f4b/application-web3-decentralise-3.png 395w,\n/static/0a6fad3d67044f09208d41817fcfa49e/88e66/application-web3-decentralise-3.png 790w,\n/static/0a6fad3d67044f09208d41817fcfa49e/4ee41/application-web3-decentralise-3.png 1185w,\n/static/0a6fad3d67044f09208d41817fcfa49e/7e99c/application-web3-decentralise-3.png 1580w,\n/static/0a6fad3d67044f09208d41817fcfa49e/a9258/application-web3-decentralise-3.png 1898w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2><a name=\"step3\"></a>Etape 3: sélectionner le répertoire</h2>\n<p>Cherchez et sélectionnez le répertoire git que vous souhaitez déployer:\n<span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/cd19164404c91065ee8d3d61be663422/a9258/application-web3-decentralise-4.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.03030303030303%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABH0lEQVR42pWSC3KEIBBEvf+5vEqSDUY+iqIgdGZwcdWiNhWquvjNPBqGRikFSVLa4KfvIboOj69PPL4fNJfQxhxSWh+SkvK0hRknTHaAGqifHZplWZBSQowR27Zl8drsZvh1weYDYuC9iPjc30VrpxxWCAGN9/6yyIoUrMWAj16hWx20NxRsMoQPL3HncXj2TQbcTuL5oAf09BRC9tAjA5fsnA2s65p1BhY1nFwD2mmGcw6BACkmSkYGsPhqd4cHENRqQENFGMfxmBdYee+akbfAjqothKBqSuzvHA+V+H8B2SHDNH2R/drx4qzmMFf5L6AyE5wHlkBxCZd2f0POqwLLP9tdUBFoHE5XvurljovY1GFnhbf7DGKn1lq0bYtfGHRevPFBdBAAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Sélectionner le Repo\"\n        title=\"Sélectionner le Repo\"\n        src=\"/static/cd19164404c91065ee8d3d61be663422/88e66/application-web3-decentralise-4.png\"\n        srcset=\"/static/cd19164404c91065ee8d3d61be663422/c7176/application-web3-decentralise-4.png 198w,\n/static/cd19164404c91065ee8d3d61be663422/50f4b/application-web3-decentralise-4.png 395w,\n/static/cd19164404c91065ee8d3d61be663422/88e66/application-web3-decentralise-4.png 790w,\n/static/cd19164404c91065ee8d3d61be663422/4ee41/application-web3-decentralise-4.png 1185w,\n/static/cd19164404c91065ee8d3d61be663422/7e99c/application-web3-decentralise-4.png 1580w,\n/static/cd19164404c91065ee8d3d61be663422/a9258/application-web3-decentralise-4.png 1898w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2><a name=\"step4\"></a>Etape 4: options de déploiement</h2>\n<ul>\n<li>Sélectionnez <strong>IPFS</strong></li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/17025401668e94a10725603de9733c91/a9258/application-web3-decentralise-5.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.03030303030303%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABB0lEQVR42q2SaW6EMAyFc/8Tdf5zFdqyZaGBJGR5tSOoZmGkUdtIH1ac54ezCKUUJKG0xjhN6PsBnx/v6LoOwzhhGEb0RNUYXXWMlFSnLczXgsXOUDPF1UF471FKQc4ZKaUK51a3IgSPHCMK5TJRUqH1sutIf1XDRNKKbdtukgybm25G12tMzkFGD5k8bJrp55o0seq4kR+zPYrD4MFQGchJYqStDsQaAha3YNvWuoNA82vDA8HFZ4aeCgIVek8xRFA1sQf+8ITGgyEn88lZvF0uaNsWx/rZOO3wzJAxxsBRh5mLcn7Oq4b3N/8K9ZafGf4G9vk3Q+7O0RMTfzVjIz4eay2apsE3PFpezOfBvJEAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Sélectionner IPFS\"\n        title=\"Sélectionner IPFS\"\n        src=\"/static/17025401668e94a10725603de9733c91/88e66/application-web3-decentralise-5.png\"\n        srcset=\"/static/17025401668e94a10725603de9733c91/c7176/application-web3-decentralise-5.png 198w,\n/static/17025401668e94a10725603de9733c91/50f4b/application-web3-decentralise-5.png 395w,\n/static/17025401668e94a10725603de9733c91/88e66/application-web3-decentralise-5.png 790w,\n/static/17025401668e94a10725603de9733c91/4ee41/application-web3-decentralise-5.png 1185w,\n/static/17025401668e94a10725603de9733c91/7e99c/application-web3-decentralise-5.png 1580w,\n/static/17025401668e94a10725603de9733c91/a9258/application-web3-decentralise-5.png 1898w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<ul>\n<li>Vous pouvez choisir n'importe quel branche de déploiement au lieu de la branche <strong>master</strong></li>\n<li>Sélectionnez le framework, dans notre cas il s'agit de <strong>Create React App</strong>. Les autres champs seront alors automatiquement remplis</li>\n<li>Indiquez dans les variables d'environnement la <strong>Key => CI</strong> et la <strong>Value => false</strong></li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/4e6a719ab80c828185cca7dce03431f5/a9258/application-web3-decentralise-6.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.03030303030303%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABRElEQVR42p2TCW6DMBBFuf+5coxKXZQNgvGCCXj9mXFCC6GRqiJ9jY3Hz388UEkp0ZGkUmiFQN1cUJ9PaJqmzIXoii5tC6V1Eed2He1TA3Q/YLAG0lC8jqimaULOGSklxBiLnPNQSkIzgDZz5DznHLz3JTfFtNrDCiGg4oTlSxYnzoBA66xEh+aH5ofHYYY9YjUDnoHfbtj9A8Tvl1COz2aqYv8JGMm6OBzR7o/wVHLQEmG8FhdcFue8BPLCxqF36PdfsNScKAWSaJAHOxe6KvlvQJr3xkBT9904UgPi6u7+BeQ7XF7HHZiZctcvwNLlV8CrmzByl1P+acyq4C2Q922BPCaQ/XiD+XzHdNrD10eKB4T6hHSpSWfQt1SgS3cjXU+16TCfRItBtoj0B2DokXpD0si2J9HYKCYVIIPYqbUWu90ON3A1XcW8ajD7AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Sélectionner React\"\n        title=\"Sélectionner React\"\n        src=\"/static/4e6a719ab80c828185cca7dce03431f5/88e66/application-web3-decentralise-6.png\"\n        srcset=\"/static/4e6a719ab80c828185cca7dce03431f5/c7176/application-web3-decentralise-6.png 198w,\n/static/4e6a719ab80c828185cca7dce03431f5/50f4b/application-web3-decentralise-6.png 395w,\n/static/4e6a719ab80c828185cca7dce03431f5/88e66/application-web3-decentralise-6.png 790w,\n/static/4e6a719ab80c828185cca7dce03431f5/4ee41/application-web3-decentralise-6.png 1185w,\n/static/4e6a719ab80c828185cca7dce03431f5/7e99c/application-web3-decentralise-6.png 1580w,\n/static/4e6a719ab80c828185cca7dce03431f5/a9258/application-web3-decentralise-6.png 1898w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<ul>\n<li>Cliquez sur <strong>Deploy site</strong></li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/d596faaabde46e6bd2c68ce937e04cae/a9258/application-web3-decentralise-7.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.03030303030303%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABFElEQVR42q2SzW7DIBCEef/XqdR7JEu9VZVyqXLtoU6c2ECNf8B4yqDg2sjpKUgjYGE/ZgEhpUTdNGhCf73dcL5UOJffKMsSl6pCVV2jOOaepLpuUEsD9WNgWg3Vduj7AWIYBszzDO89pmmKGq2FHcdNnOM5jFPMT36TQznnIGxIXgcpbpRKQ0oNa92yOYlzNsJdlisS4C8YEggMJShtwtwvh0SXdyVgbkZE+5l1zo0x0JoO7QLL2y6QC3vAruMl97HEpwDpLJX3FKBSKnyNGvwFdDmGV09uHwHjKz8CzveEtJZga7c5kGv7wFDu6eMdX6dP/NfWQB7IOxc5jF9mCg/y9vqCY3Fg1ua75CKIfdu2KIoCv9d9X2GrWb5dAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Déploiement du site\"\n        title=\"Déploiement du site\"\n        src=\"/static/d596faaabde46e6bd2c68ce937e04cae/88e66/application-web3-decentralise-7.png\"\n        srcset=\"/static/d596faaabde46e6bd2c68ce937e04cae/c7176/application-web3-decentralise-7.png 198w,\n/static/d596faaabde46e6bd2c68ce937e04cae/50f4b/application-web3-decentralise-7.png 395w,\n/static/d596faaabde46e6bd2c68ce937e04cae/88e66/application-web3-decentralise-7.png 790w,\n/static/d596faaabde46e6bd2c68ce937e04cae/4ee41/application-web3-decentralise-7.png 1185w,\n/static/d596faaabde46e6bd2c68ce937e04cae/7e99c/application-web3-decentralise-7.png 1580w,\n/static/d596faaabde46e6bd2c68ce937e04cae/a9258/application-web3-decentralise-7.png 1898w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<ul>\n<li>Lancement du déploiement:</li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/827e5566fa12e35cda425c9ccd90dc08/a9258/application-web3-decentralise-8.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.03030303030303%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABtklEQVR42o1Su0rEUBC9CoLCNj5BLNRCsLAUQRtBEARFVHyjiG/ExReoYGmhhd9gaSGWgl+wv6B+grtmN++Y3OzjOHM1y2ZRceBkwmTmzJmZCMMwoBMM00Q2l8O7puE9k0Y6k8FbOgMtm4WmZZGjb6ZlqTyGrlOd6cFyPHiuDcMm/+FDBEGAUqmEYrGIQqGg4Ps+TDMHyzIhZaBiUY7Ky+eRJ1TWMDgmwjCMBRkBkZiGBsfW4XkeOKfSmIhj3CQfkX17wY/qTlKGNJ4N23EQSqk6Vzf9DaI8xneA3z9oF7wzSSqKpIiVRIjyq+vKhNEIsZFpr7x4h45hv7zC13WESrlUpJFVjvw7Ib2ro9g2PFLpPr/AJx/wIUix63pqFUEg1Wr+VMgJbLd39xieWsD8bhJTO0mMLq5hdH4FI7PLGByfxtDEDAbGJrG0dxATo65cSchd2S4uryEampDo6kVdezdq2zpR09yBmkQrRH0jahMtEKIBPX39VFuK7T9GGP0eD49PmNvex9bJOdaPTr9weIqNozNsHp+p+GryBBdXN+VaVserEj9dimP/MXUUImLvui5SqRQ+AV3qG2SPTX9dAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Déploiement en cours\"\n        title=\"Déploiement en cours\"\n        src=\"/static/827e5566fa12e35cda425c9ccd90dc08/88e66/application-web3-decentralise-8.png\"\n        srcset=\"/static/827e5566fa12e35cda425c9ccd90dc08/c7176/application-web3-decentralise-8.png 198w,\n/static/827e5566fa12e35cda425c9ccd90dc08/50f4b/application-web3-decentralise-8.png 395w,\n/static/827e5566fa12e35cda425c9ccd90dc08/88e66/application-web3-decentralise-8.png 790w,\n/static/827e5566fa12e35cda425c9ccd90dc08/4ee41/application-web3-decentralise-8.png 1185w,\n/static/827e5566fa12e35cda425c9ccd90dc08/7e99c/application-web3-decentralise-8.png 1580w,\n/static/827e5566fa12e35cda425c9ccd90dc08/a9258/application-web3-decentralise-8.png 1898w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2><a name=\"step5\"></a>Etape 5: Déploiement terminé</h2>\n<ul>\n<li>Allez en haut de la page pour trouver l'adresse url sur laquelle a été déployé votre site:</li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/b811a85cbf27537af28f438a49dd4ebe/a9258/application-web3-decentralise-9.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.03030303030303%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABR0lEQVR42p1Sy26DMBDk/38rHCr1VlUceqnSqoB52YAJ2DymuwQnLg09dKVlYW0PszMOpJSoKKVSKMoSWZ4jywQE1TQrUFQV8qJASWuqrtd9SlHlc6pD3XbodAPZUL30CIZhwLIsmOcZ0zRhotrXCuX5HdXHGX2Zw1qzrrvkfdaO9zNbjuOIwFp7b1JjBnBJYyTPT6heX9C+RbDGwA8G4sNMZHRgWw348eNP9D7oFvLrE1okMMTWZ+Fyz85l4I/hNl5Ii4w0s/TNwUyO8hegG8FvGmNJYIMkFTidTqjJDAfshz/yn4BslO46yEoiiiJo3W3a/ZMhG5XTteGrYsiQK2tzM+IIcHX5CDBNU8RxvIJOm5Y05A3Ijbw36iEg/0kIccumaVaGjzT0z/R9f3V5rwMzZCO01isYV+5xMDBr7Bg5GXhPGIb4BsS/WvLcg3XKAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Aller sur l&#39;url\"\n        title=\"Aller sur l&#39;url\"\n        src=\"/static/b811a85cbf27537af28f438a49dd4ebe/88e66/application-web3-decentralise-9.png\"\n        srcset=\"/static/b811a85cbf27537af28f438a49dd4ebe/c7176/application-web3-decentralise-9.png 198w,\n/static/b811a85cbf27537af28f438a49dd4ebe/50f4b/application-web3-decentralise-9.png 395w,\n/static/b811a85cbf27537af28f438a49dd4ebe/88e66/application-web3-decentralise-9.png 790w,\n/static/b811a85cbf27537af28f438a49dd4ebe/4ee41/application-web3-decentralise-9.png 1185w,\n/static/b811a85cbf27537af28f438a49dd4ebe/7e99c/application-web3-decentralise-9.png 1580w,\n/static/b811a85cbf27537af28f438a49dd4ebe/a9258/application-web3-decentralise-9.png 1898w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<ul>\n<li>Cliquez sur l'url et votre Application apparaitra à l'adresse indiqué:</li>\n</ul>\n<p>(cliquez sur le dossier pour charger une maquette IFC)</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 790px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/152e8cf468adbeb095383bda19867b7f/a9258/application-web3-decentralise-10.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.03030303030303%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABJ0lEQVR42mPIys75Hxsb9z8iIvJ/fHwC0TgOqCcmJv5/TGz8/4S42P+RIDoh8T/DzevX/18H4mvXrv2/evUqDnzl/5UrCIwsDmNfA2KQHMN/KgOwgX///kXBv//8/v8PCHGBf//+YeiBYQZsikHg1dOX/7cd3PJ/6oZJ/3uXdf1vmlv/v6Av5/+izQv+//r9C78LkQHIdfMPzf5vX2L636fM7b9zovP//LKS/7nVBf8DMgL/R2RH/T9w9CCK5VgNhEn+/Pnj/5SV/f+9M73+R2ZG/s/ITPvf3Tfl/7FjJ/4f2Hvo/75dB/7//v2HeBeCDL524dL/ef2T/29Yvvb/iQN78RpA0EAQ+P7t6/+3r5+jeAnEhkUGNq/iNRBbJFHkQohr/pKVDgF2chgpTLVYrwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Charger un maquette\"\n        title=\"Charger un maquette\"\n        src=\"/static/152e8cf468adbeb095383bda19867b7f/88e66/application-web3-decentralise-10.png\"\n        srcset=\"/static/152e8cf468adbeb095383bda19867b7f/c7176/application-web3-decentralise-10.png 198w,\n/static/152e8cf468adbeb095383bda19867b7f/50f4b/application-web3-decentralise-10.png 395w,\n/static/152e8cf468adbeb095383bda19867b7f/88e66/application-web3-decentralise-10.png 790w,\n/static/152e8cf468adbeb095383bda19867b7f/4ee41/application-web3-decentralise-10.png 1185w,\n/static/152e8cf468adbeb095383bda19867b7f/7e99c/application-web3-decentralise-10.png 1580w,\n/static/152e8cf468adbeb095383bda19867b7f/a9258/application-web3-decentralise-10.png 1898w\"\n        sizes=\"(max-width: 790px) 100vw, 790px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2><a name=\"plus-loin\"></a>Pour aller plus loin</h2>\n<h3>Sur le déploiement décentralisé</h3>\n<p>Vous pouvez cliquer sur <strong>Verify on IPFS</strong> qui va vous rediriger sur un gateway IPFS utilisant le hash IPFS qui a été généré.</p>\n<p>Cela signifie que votre Application a été déployé sur le réseau IPFS de manière décentralisée.</p>\n<p>Pour l'afficher directement dans le navigateur et utilisant une url en <code class=\"language-text\">ipfs://HASH</code>, consultez l'article:\n<a href=\"https://docs.ipfs.io/install/ipfs-companion/#install\" target=\"_blank\"><a href=\"https://docs.ipfs.io/install/ipfs-companion/#install\">https://docs.ipfs.io/install/ipfs-companion/#install</a></a></p>\n<p>Le navigateur <a href=\"https://brave.com/fr/\" target=\"_blank\">Brave</a> permet d'utiliser IPFS de manière native.</p>\n<h3>Sur les problèmes de routage</h3>\n<p>L'Application déployé est simple et ne contient pas de route. Dans les Applications plus complexes, ces dernières contiennent souvent un router tels que <strong>react-router-dom</strong> par exemple.</p>\n<p>Le problème qui va se produire est lorsque vous voudrez aller sur les routes en utilisant le hash <code class=\"language-text\">https://ipfs.io/ipfs/HASH</code>.</p>\n<p>La solution recommandée est d'intégrer le hash dans le routing: <code class=\"language-text\">https://ipfs.io/ipfs/HASH/#/YOUR_ROUTE</code>.</p>\n<h2><a name=\"assistance\"></a>Communauté &#x26; Assistance</h2>\n<p>Afin de pouvoir échanger sur le sujet et répondre à vos questions, vous pouvez rejoindre notre serveur <a href=\"https://discord.gg/zgHGa2Tpe4\" target=\"_blank\">Discord</a> et suivre nos développements sur notre <a href=\"https://github.com/tridyme?tab=repositories\" target=\"_blank\">Github</a>.</p>\n<p>Vous pouvez également nous contacter par email: <a href=\"mailto:contact@tridyme.com\" target=\"_blank\"><a href=\"mailto:contact@tridyme.com\">contact@tridyme.com</a></a>.</p>\n<p>A bientôt sur <a href=\"http://app.tridyme.com\">TriDyme</a>!! 🚀</p>","excerpt":"Mettre son application en ligne avec Fleek Afin de mettre son application en ligne, nous allons utiliser Fleek qui permet de dépoyer des…","frontmatter":{"title":"Deployer son Application Web sur le Web3.0","language":"fr-Fr","date":"14 novembre 2021","author":"Guillaume Cassin","description":"Mettre son application web en ligne sur le Web 3.0","featuredImage":{"publicURL":"/static/6f0c55565733c610947d064515318bdb/application-web3-decentralise-0.jpeg"}},"fields":{"slug":"/blog/application-web3-decentralise/"}},"relatedPosts":{"edges":[{"node":{"id":"4f60bf0c-be40-50f2-b64c-138f23fa539a","frontmatter":{"title":"Des agents IA qui travaillent comme des collaborateurs","date":"11 octobre 2026","featuredImage":{"publicURL":"/static/4afbfb9fcc669c9f8c3fc530ae631106/blog-agents-ia-autonomes.jpg"}},"fields":{"slug":"/blog/2026-10-11-agents-ia-collaborateurs/"}}},{"node":{"id":"a47b3e6e-8367-515e-9fef-3d44fa34225e","frontmatter":{"title":"AI agents that work like team members","date":"11 octobre 2026","featuredImage":{"publicURL":"/static/4afbfb9fcc669c9f8c3fc530ae631106/blog-agents-ia-autonomes.jpg"}},"fields":{"slug":"/blog/2026-10-11-ai-agents-like-team-members/"}}},{"node":{"id":"725ea80a-e400-58d0-adc6-3678ecfe7042","frontmatter":{"title":"Pourquoi l’IA ne calcule pas la structure (et ce qu’elle fait à la place)","date":"11 octobre 2026","featuredImage":{"publicURL":"/static/277a8c96546d448336657f7fe27af91b/blog-ia-calcul-structure.jpg"}},"fields":{"slug":"/blog/2026-10-11-pourquoi-ia-ne-calcule-pas-la-structure/"}}}]}},"pageContext":{"slug":"/blog/application-web3-decentralise/","locale":"en"}},
    "staticQueryHashes": ["2349346863"]}