{
    "componentChunkName": "component---src-templates-blog-post-js",
    "path": "/en/blog/deploiement-avec-netlify/",
    "result": {"data":{"markdownRemark":{"html":"<h2>Mettre son application en ligne avec Netlify</h2>\n<p>Afin de mettre son application en ligne, nous allons utiliser <a href=\"https://www.netlify.com/\" target=\"_blank\">Netlify</a> qui permet de dépoyer des applications de manière gratuite.</p>\n<h3>Sommaire</h3>\n<ul>\n<li><a href=\"#prerequis\">Les prérequis</a></li>\n<li><a href=\"#step1\">Etape 1: se connecter sur Netlify</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: (optionnel) Personnaliser le nom du site</a></li>\n<li><a href=\"#problems\">Problèmes connus</a></li>\n<li><a href=\"#assistance\">Communauté &#x26; Assistance</a></li>\n</ul>\n<h3><a name=\"prerequis\"></a>Les prérequis</h3>\n<p>Ce tutoriel a vocation à présenter le déploiement d'Application Web développée en React.js 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://www.netlify.com/\" target=\"_blank\">Netlify</a> et <a href=\"https://github.com/\" target=\"_blank\">Github</a>.</p>\n<h3><a name=\"step1\"></a>Etape 1: se connecter sur Netlify</h3>\n<p>Cliquez <strong>New site from Git</strong> dans 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/9af6a0b4e9a31ef55423d717be6ca72e/10cd9/deploiement-avec-netlify-0.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: 43.93939393939394%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAABYlAAAWJQFJUiTwAAACJUlEQVR42n2QS0hUYRzFb2QgWaaOJqMjMz5TXNX0RqhAooXboFy1CKKVCBEt2tSmh4STDkqTRkq2CSpcFClZDCa2KpKIzJU2zjQ2cx+jM3fuvTO/vnsnQjf94XC+j/Pdc+7/SNX+Dpr8x2jxH6dZoPHAUaqa2imvb92Cioa2f+fKxjaKPa10d+3n5sVD7BX3+oMdtJ84g1Tq3UeZr4WdNfUUu32U1Dawo6qO7a4aily1Ba6spaiiwLa2rawaaXcVu9we3D4ve9x1lAqUe5uReq5dJxga5U4gSN/gELf6B7h7P0jw4SgDD0YYCI0wKHSb+4dDBATuBYcZGnnE2Uu9lJy6gKvrMp7zV6k8chopPDePPdlsFtM0HTYMg/+Nlcs5HHoxhfvKBOfG5jj5dIGG7l6keCJBZDWKqirCyCS1vo6iqmhaivWNNLKikkjKaKmUo2maRlrXIZ9j7vsybTeecXt6gc6xD/S9+4JkiyuRCKowMEyLpKyQVBTSmYyDpKqRFUH2mJaFJkKygm3Dr1EZf+ANnY9nOTz+kedLa8LQXtEsfJDftFY+n8eyD3qaz/PveTk7Qzg8jbkWQ83oQs8J4xyrWoafKZ2IgKwbSIpYIRqLOb0ZTofG1oDMBp9mXjP59hXhqUmMyDJrogZdmNqdG6bhhNtjiG6lb4uLjD+ZYPHHEglZJvorLrrb2PyrBfydrAiO/04QE++i8TgriowujG1T3bL4A7FEJW2CX6qtAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Connection à Netlify\"\n        title=\"Connection à Netlify\"\n        src=\"/static/9af6a0b4e9a31ef55423d717be6ca72e/88e66/deploiement-avec-netlify-0.png\"\n        srcset=\"/static/9af6a0b4e9a31ef55423d717be6ca72e/c7176/deploiement-avec-netlify-0.png 198w,\n/static/9af6a0b4e9a31ef55423d717be6ca72e/50f4b/deploiement-avec-netlify-0.png 395w,\n/static/9af6a0b4e9a31ef55423d717be6ca72e/88e66/deploiement-avec-netlify-0.png 790w,\n/static/9af6a0b4e9a31ef55423d717be6ca72e/4ee41/deploiement-avec-netlify-0.png 1185w,\n/static/9af6a0b4e9a31ef55423d717be6ca72e/7e99c/deploiement-avec-netlify-0.png 1580w,\n/static/9af6a0b4e9a31ef55423d717be6ca72e/10cd9/deploiement-avec-netlify-0.png 2556w\"\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<h3><a name=\"step2\"></a>Etape 2: sélectionner le fournisseur Git</h3>\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/1a73f26cbc3a89414d65bf7b5ceb5628/10cd9/deploiement-avec-netlify-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: 43.93939393939394%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAABYlAAAWJQFJUiTwAAABlklEQVR42o1ROy8EYRT9oiDitUKoPOLZaek0ErXKL9DTUCg8smSx1pJN+BVKPwBB9Aodu1hrZ4yZ+WZn5pvHcefbWc+Cm5w53xT3nHPvZY1DY0j0DqO9fwSJvhG09gyhrq0brKkDrDlC5ydaqqhrJW7owPRED+ZnBlCf6EJb3ygGxyfB5hYWsZM7xEZmH5uErf0c8QGS6Sw2drNY3858YG17F2tbVawSUpkM0tk9rKR2kM4dYWpmFuzs8gpR+b4v2bYdcG6hUqnAsiz8p4TnSV5aTYKdXlQFHcdBQKJlTcN9sYh8qYSnsoI33YBumDA5h0UmrutKCCHg+Z6EbdtSYzmZArPinzAMJVfITaVmjZpF7C5ENUEQBHBiwehdq1rvs6KChT/iR27c5DAo1Zuuw4vH+U9FFsyP1Wsu6quGu4dH3BUecJ8v4EVRoKivKKuqBKf0ZrTjeLKv5dLKWBB+z+iaBqyokdJxGtsw4x1Sah4LRXCF+H0cWsOHoPwKF+b1OV5OjqHf3kAhEY2OVHwuySP8ee0gwDstxmwK760BSgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Fournisseur git\"\n        title=\"Fournisseur git\"\n        src=\"/static/1a73f26cbc3a89414d65bf7b5ceb5628/88e66/deploiement-avec-netlify-1.png\"\n        srcset=\"/static/1a73f26cbc3a89414d65bf7b5ceb5628/c7176/deploiement-avec-netlify-1.png 198w,\n/static/1a73f26cbc3a89414d65bf7b5ceb5628/50f4b/deploiement-avec-netlify-1.png 395w,\n/static/1a73f26cbc3a89414d65bf7b5ceb5628/88e66/deploiement-avec-netlify-1.png 790w,\n/static/1a73f26cbc3a89414d65bf7b5ceb5628/4ee41/deploiement-avec-netlify-1.png 1185w,\n/static/1a73f26cbc3a89414d65bf7b5ceb5628/7e99c/deploiement-avec-netlify-1.png 1580w,\n/static/1a73f26cbc3a89414d65bf7b5ceb5628/10cd9/deploiement-avec-netlify-1.png 2556w\"\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<h3><a name=\"step3\"></a>Etape 3: sélectionner le répertoire</h3>\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/6dbf81a4d0e120fe2cbdd2f30197801a/10cd9/deploiement-avec-netlify-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: 47.979797979797986%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAABYlAAAWJQFJUiTwAAABuklEQVR42n2Qy24TQRBFhyUYJBC2wgZMhAQWQizCAgFiwYYP4Ev4AsIjhMSOo7DgtxAgG2RCwDPj2BkHLGccu3ueh+qZGCchUNJVqburTt0uq1CuUJyvcL58nQvzNzg9dwWrcBHrXFFU+kunTC6UOFuc4+mTazy+dxXrTInywn0u3VzAWn37jpfVdV7V1lla22CpvsHz1Tov5G5xpcazN9WZlmdalPNKfY3XValZrmU9l2/dwUIiiiKTiOOY8XiMUirL0/v/RZqm5IyYyt2HOVBpTZwkTARkd3s4vR06nof3a0B/MODncMhgNJK6gCAIMxmAMWCGml4dBNx+8CgHTqeYh939fbyRjx+GDANN18C0wo/CrCkwkreTnH5qtXLgNBIBBuIiNC6MG5FWmvAEwL8id3hw0PJ123GwXZfvbRuns03bcSV3GO7tZbtVMsDk6NgQ43Aid0ccGrA/UYxEUZwQZooJZE86jLJzYHaXzkwc7tVSax0aQdrfYfdzk37zI3jbx9QldNsoe4uk50LXgX7vD+4IMJuWxKjGe/zmByatBsmPr6TtTRLRNGN/y5SKkq0vpJuNmZkD4G+ZQLWjt8KuBQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Sélection du répertoire\"\n        title=\"Sélection du répertoire\"\n        src=\"/static/6dbf81a4d0e120fe2cbdd2f30197801a/88e66/deploiement-avec-netlify-2.png\"\n        srcset=\"/static/6dbf81a4d0e120fe2cbdd2f30197801a/c7176/deploiement-avec-netlify-2.png 198w,\n/static/6dbf81a4d0e120fe2cbdd2f30197801a/50f4b/deploiement-avec-netlify-2.png 395w,\n/static/6dbf81a4d0e120fe2cbdd2f30197801a/88e66/deploiement-avec-netlify-2.png 790w,\n/static/6dbf81a4d0e120fe2cbdd2f30197801a/4ee41/deploiement-avec-netlify-2.png 1185w,\n/static/6dbf81a4d0e120fe2cbdd2f30197801a/7e99c/deploiement-avec-netlify-2.png 1580w,\n/static/6dbf81a4d0e120fe2cbdd2f30197801a/10cd9/deploiement-avec-netlify-2.png 2556w\"\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<h3><a name=\"step4\"></a>Etape 4: options de déploiement</h3>\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>Indiquez <strong>CI= npm run build</strong> dans la \"Build Command\" afin de permettre le déploiement continu</li>\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/9d956971bb0d51333f5fcda91a213d43/97d01/deploiement-avec-netlify-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: 80.8080808080808%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAACXBIWXMAABYlAAAWJQFJUiTwAAACbUlEQVR42o1US28SURSeRBOj1YUbbQRjpBqfNRE3unPjzpU/wKU/wIWujBsTF/4BdyZu3LogMaG2pVACpsijaZVSCYIwQAeGx7yZmft57gi1rYC95Mu5c8+537nfOfcinDo/h9PXgvDdvAP/jdvwEWav3sJJ/xxO+AJ/cC7wd06Y8Qdw5OxFPHpwHY8fzuM4+S/fvY8zV+YhHJu9gOcvXyGZSiO8FMHnlRgWIlEskvUQXcVSLL4L/j3CwsoqwssxROIJfAx9wqXgPQjC0Rm8ffcefNi27VlV1dDvKx5M08K0wRjzbKstk8IghCdPnyGaSHqL1mAA13UgyjK2RBHldhvVbgcFmlfkNur9Pq21UGpJaCh9WHQAh8BJe+R78foNhHFZDdOEouvQyWqGgQHfxE9DcFx3F+OGoFoWBo6zT0JH7qDeaEKSWhDFOnq9HiwiNyiJQQlMmo+TrpNCQScy+0A2LoWfiidi9ONeD7SJDTGO0KD4fYRemKagsxKGnFuD8S0Le3sTrJiHW9yCm0lQNmtic/4h9Ea/C20xBD2XgrOZAfLrwPcsGFmWWAbGyJ1KyB0t6m65WqU6NqCrKgwOTYXJG0U15OCN2yt98gn5PaTidkmaRj6vbsNy2I5L12p8HSfXUO1BX4tDyXyBy+UWNjy53BrpJJiujigOWcOmiG6pCEnRvGvAL9SAgvkbMsslsJ3miOF/hMOAVgP1rwm0axXoOyK0Zg1aowqN1nvrKTBZOizhkJKenradh5RNw/z5AyAyVv8FiBWwRo387vQuK1R8k0ujDw6bECrk8WEj50nl2529GMYdBP9j4a/uN7XOkCe0htldAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Options de déploiement\"\n        title=\"Options de déploiement\"\n        src=\"/static/9d956971bb0d51333f5fcda91a213d43/88e66/deploiement-avec-netlify-3.png\"\n        srcset=\"/static/9d956971bb0d51333f5fcda91a213d43/c7176/deploiement-avec-netlify-3.png 198w,\n/static/9d956971bb0d51333f5fcda91a213d43/50f4b/deploiement-avec-netlify-3.png 395w,\n/static/9d956971bb0d51333f5fcda91a213d43/88e66/deploiement-avec-netlify-3.png 790w,\n/static/9d956971bb0d51333f5fcda91a213d43/4ee41/deploiement-avec-netlify-3.png 1185w,\n/static/9d956971bb0d51333f5fcda91a213d43/7e99c/deploiement-avec-netlify-3.png 1580w,\n/static/9d956971bb0d51333f5fcda91a213d43/97d01/deploiement-avec-netlify-3.png 1814w\"\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<h3><a name=\"step5\"></a>Etape 5: (optionnel) Personnaliser le nom du site</h3>\n<ul>\n<li>Allez dans <strong>Site Settings</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/756ca5b0b03efd7b26bb7c30abd5f171/97d01/deploiement-avec-netlify-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: 55.55555555555556%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAACZ0lEQVR42nVROWwTQRTdDolwmCMQsCGJgpP4wLFBXBIdHRU1HRI1BQ2ioEAIISQqCkSDRDo3SCCOGCHHRsaROaIEJ9iJiIkcB3Bir9few3v78We0UIBY6e3MvP/mzT+E7YER9B89iYFwAvuCEUIUe49EcCh6HEMTJzgOhuLYRjrf4Ch8h4PYNRjEVn8QF8/HcPlCHDsDQYTPnsP+sRgE39AY/OE4Ro6dhj+SQIDADA6MT3Aw4+HEKYqfwQDxu0Mx7CE9g4/ifSNhQgh9w2PwDY9DELbswLWbt/FpfgGZ3Ayy72Ywv/AFi+UlLK9U8PxVCvcfPMSjx5O4cfceJlOvkcxkkJyeRjKdxtN8HrlyGc9o7R+NQrh05Sqy2bdAYxPqWhW2ZcHt9eC6LthXeP8B6UwWL6em8IZWQ+uiZ9lwDBNdTYOpG1ynqhqu37oDgR2cpSKaswW0i7OQS5+xIUpQOh0udOgBnS5aug6T9qnSIp4U55BfrfC46zhkrMMwDDi0F7pENsjw28c8qnMFVL+WUJE7qLYl/OxqqOtd1A0dG6aOmqogs7aKFyvLyNWqPPZDU1FTZKwTZDIVDCpNUlVUa2uofV+HYtvQXAeqY/O9QlnJHhTbgs3aQUlYtLIz1xBUhyrhGdLP9vrlkMgks78/1k9Wzj88ca7H9+juH0PLu9CgkupUbtc04RDXI6FOZbSkNpqtFmRF4QPr8SGoEIlriiLaHZnrDWbIXC2CaVpoSBI2SaSQ2KYy2KsGmUvtDkSKqTQcli3j2b4ptjjYhG3yMH5naLLUWW88sNdY+awV/OzB9bj/8azkXxbb2WpSA7RZAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Personnaliser le site\"\n        title=\"Personnaliser le site\"\n        src=\"/static/756ca5b0b03efd7b26bb7c30abd5f171/88e66/deploiement-avec-netlify-4.png\"\n        srcset=\"/static/756ca5b0b03efd7b26bb7c30abd5f171/c7176/deploiement-avec-netlify-4.png 198w,\n/static/756ca5b0b03efd7b26bb7c30abd5f171/50f4b/deploiement-avec-netlify-4.png 395w,\n/static/756ca5b0b03efd7b26bb7c30abd5f171/88e66/deploiement-avec-netlify-4.png 790w,\n/static/756ca5b0b03efd7b26bb7c30abd5f171/4ee41/deploiement-avec-netlify-4.png 1185w,\n/static/756ca5b0b03efd7b26bb7c30abd5f171/7e99c/deploiement-avec-netlify-4.png 1580w,\n/static/756ca5b0b03efd7b26bb7c30abd5f171/97d01/deploiement-avec-netlify-4.png 1814w\"\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>Site details</strong> et <strong>Change site name</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/0320337ecad8b93cbdd0c085ed2db68a/97d01/deploiement-avec-netlify-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: 62.62626262626263%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAABYlAAAWJQFJUiTwAAACUUlEQVR42o1SS2sTYRSdRetGaW1tHljT2pI2VWOwvkDElXQh0iK4ETf9If6CClKKILhWFzVW8IGPShciKUJdieDWhXmYZDIzmXcyyfHcr2ndaO0Hhztzv3vPPffeTzuSPY+kYPo0kjM5xGlHT84ife4SJs5cVHZ48gQGUmkMjk8rHEpNIZHO4M7iWcxfzWFgbAazc/MYmpiBdvh4RiUM80esOAWD9MtdbCqLRCaHkfQpFssqJFh0PHcByUwWQxLXy5F4beH2Il6+fY9Hq3k8zq9h9fkLPKF99W4dbz5sYGl5BXeJpeX7OHh0En0jo+iPp3AgPob+WGoXfbFjyq/de/AQcgzDhGU14bouWq2W8pmmifyzNRQKm3hKO3fzFi5fW8CV6zf+CS1ot+GQpGk7sB0Xlm0jJGGLfi/w8bNYQqlUxq9qFWG3i6DT2ROa5QdoNJuIGNyhKinwgwQVvQGP3xIkelu896Pov9CcIGD1GlzPU6r8MESNrdYMA6bjoEm/L8QM3gtCJgI0lwSlSgUmVUqrASHkDRLaHMN+T4cdeKLQI6GQ+VTapiNklSbnGPBfjvhquo5qXYdpWX8IOIqId10SCXYJXSZWa3Vu1FIBbQZaLNCmUkkKWbBYKm0vp1xWyg2ORMYTCSmJpDPX97eXIgrluUSdCCylCGVJ7o5CJha5pCLJHM5UXoRAlCtCWVpv9v6OQglU0kkQ+R7srQL0rU2EX7/Ar1ZQpyJ5nxKzvxmyXVEiJ7IasDdeo/r5E8yP6zC+f4PO5ch9pzerv0GUisLfjZlXAj/V1okAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Changer le nom\"\n        title=\"Changer le nom\"\n        src=\"/static/0320337ecad8b93cbdd0c085ed2db68a/88e66/deploiement-avec-netlify-5.png\"\n        srcset=\"/static/0320337ecad8b93cbdd0c085ed2db68a/c7176/deploiement-avec-netlify-5.png 198w,\n/static/0320337ecad8b93cbdd0c085ed2db68a/50f4b/deploiement-avec-netlify-5.png 395w,\n/static/0320337ecad8b93cbdd0c085ed2db68a/88e66/deploiement-avec-netlify-5.png 790w,\n/static/0320337ecad8b93cbdd0c085ed2db68a/4ee41/deploiement-avec-netlify-5.png 1185w,\n/static/0320337ecad8b93cbdd0c085ed2db68a/7e99c/deploiement-avec-netlify-5.png 1580w,\n/static/0320337ecad8b93cbdd0c085ed2db68a/97d01/deploiement-avec-netlify-5.png 1814w\"\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<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/33773db2313d20cd131253712566fef9/97d01/deploiement-avec-netlify-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: 62.62626262626263%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAABYlAAAWJQFJUiTwAAACfElEQVR42m1Sy05TURS94xq1xagJvmiBUhSMJopGHZA4ExIqiaYGaKRBWvqklNIWSqFSHBjfiYmGRHzwCc70I2RkjAVGKjHSd5u2tl3ufby3GtKbrLvuuWefddZe2ZK69RSa2ghaA5p0ndAQH2g9icP6bhxq7xK8/4Qe+46317H3WDs0LXpcvtgFQ3cn/dPj6Onzok7il7qlA42YofnvIo22Q2YDDsomlDq1zJKh5wqMQ6O4dnOIMIx+kxl9xMZhCwZHLOjtM6K3/zphkJy1QdWsheqIDnsIqmad+BaQ/0tXB25gMhiBzRuA3ReEYzoETyAM39wi3MQDphGYLFYYb5mhP3cJ2jM90J29ILgRJCcdYpEJErPLzOJW7wzGJ/0wT7hx2+7BqMMLG+1baZ9hn5kDn90Nye6fhY0K3MF54chJhcHoPUTvP0bs4VMsP3omOEa89OCJAK9983fhaCAqOUiQnTiJGR4S/vI1jkQyiV87CRRLZfBTq9UEqtWqWL98vYYxzzQ8oQhcJORSBNnRHdrg/Fz0zQXxzS2kMxnsJJJIELLZHMokXCwWUSgUhODKmzVhxDu7IExwh3XBiamAaFUR/Lyxie1EAj/TaWRLJeTKZeR+/wWv2fOL1bcYJyOTVM9RuestkwjfxKIsOEU3rm/E8SOTRjpHzioV1LhlAjdbqdXklt+JzliQz3F0/xxSu2ybcwhS2K8+fsD79U/Y/vZdZMlt75DjZCqFZDKFfD6P5yurwogi6FQE2aGYPRJUspgOR+EnBBZi8EeWRE5+uii0uIwQTQBjSp5T5Zxnd4bKJgvaaD3m9olZtJILzko4YCcyRG5yfX3kAmH8AX5HbMVUZYPWAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Changer le nom\"\n        title=\"Changer le nom\"\n        src=\"/static/33773db2313d20cd131253712566fef9/88e66/deploiement-avec-netlify-6.png\"\n        srcset=\"/static/33773db2313d20cd131253712566fef9/c7176/deploiement-avec-netlify-6.png 198w,\n/static/33773db2313d20cd131253712566fef9/50f4b/deploiement-avec-netlify-6.png 395w,\n/static/33773db2313d20cd131253712566fef9/88e66/deploiement-avec-netlify-6.png 790w,\n/static/33773db2313d20cd131253712566fef9/4ee41/deploiement-avec-netlify-6.png 1185w,\n/static/33773db2313d20cd131253712566fef9/7e99c/deploiement-avec-netlify-6.png 1580w,\n/static/33773db2313d20cd131253712566fef9/97d01/deploiement-avec-netlify-6.png 1814w\"\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<h3><a name=\"problems\"></a>Problèmes de déploiement avec React Router DOM</h3>\n<div class=\"gatsby-highlight\" data-language=\"shell\"><pre class=\"language-shell\"><code class=\"language-shell\">Page Not Found\nLooks like you<span class=\"token string\">'re followed a broken link or entered a URL that doesn'</span>t exist on this site.</code></pre></div>\n<p>Dans le cas ou vous utilisez <strong>react-router-dom</strong> et que vous avez le message d'erreur suivant quand vous rechargez la page:</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/aa291d8662c258ff7bdfe6cd8206a31b/665fb/deploiement-avec-netlify-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: 48.484848484848484%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAwklEQVR42mPgk1MlGzHgkeMHInk1ICJBM6+sCo+MMo+sCre0EpeUIqeUIlCEsGYBeTV2cXkDO5dFK1YtWrF63eZt2/fs27ZrD1AEKC6A4QRUzQrqLCIy9j6Bb9+/f//x0+cvX3/8/Pn792+gCFAcKEuU5udv3z579/b9x4/vPnz8/PWrvU8QMZqBzpYztHddvXnrik1bVm3YvGL9xrXbthvZu7GJywFliQowYFDxSCtzSyvzyKhwExlg2BFJUUV8IgEAz+VsurayCD0AAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Problèmes de déploiement\"\n        title=\"Problèmes de déploiement\"\n        src=\"/static/aa291d8662c258ff7bdfe6cd8206a31b/88e66/deploiement-avec-netlify-7.png\"\n        srcset=\"/static/aa291d8662c258ff7bdfe6cd8206a31b/c7176/deploiement-avec-netlify-7.png 198w,\n/static/aa291d8662c258ff7bdfe6cd8206a31b/50f4b/deploiement-avec-netlify-7.png 395w,\n/static/aa291d8662c258ff7bdfe6cd8206a31b/88e66/deploiement-avec-netlify-7.png 790w,\n/static/aa291d8662c258ff7bdfe6cd8206a31b/665fb/deploiement-avec-netlify-7.png 880w\"\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<p>Dans ce cas, il faut créer un fichier <strong>_redirects</strong> dans le dossier <strong>public</strong> et copier ce code:</p>\n<div class=\"gatsby-highlight\" data-language=\"shell\"><pre class=\"language-shell\"><code class=\"language-shell\">/* /index.html <span class=\"token number\">200</span></code></pre></div>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 226px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/65eea8a9b6f1c494987e44b299069b2e/9e144/deploiement-avec-netlify-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: 21.21212121212121%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAIAAAABPYjBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAm0lEQVR42mNQVtNR0zLQ0dbV8clwzOy0tXVw9fCNiknw8PJX09RXVtMGKlBS1cZEQHEGFXVdkH51bQ1LL+uQTHNLGytbJwsreyNTa3klTWk5VRl5NXyaFVW0FFV15GXlNc281C39gQY5unh6+gR6+QQ6u3k7u3lhtRyqGczRUVTW0DJ31zRzNzWzdnb1dvPwdXLxdHT2ABqESzMACpotVB9u/44AAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Fichier _redirects\"\n        title=\"Fichier _redirects\"\n        src=\"/static/65eea8a9b6f1c494987e44b299069b2e/9e144/deploiement-avec-netlify-8.png\"\n        srcset=\"/static/65eea8a9b6f1c494987e44b299069b2e/c7176/deploiement-avec-netlify-8.png 198w,\n/static/65eea8a9b6f1c494987e44b299069b2e/9e144/deploiement-avec-netlify-8.png 226w\"\n        sizes=\"(max-width: 226px) 100vw, 226px\"\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<h3><a name=\"assistance\"></a>Communauté &#x26; Assistance</h3>\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 Netlify Afin de mettre son application en ligne, nous allons utiliser Netlify qui permet de dépoyer des…","frontmatter":{"title":"Deployer son Application Web en ligne gratuitement","language":"fr-Fr","date":"05 novembre 2021","author":"Guillaume Cassin","description":"Mettre son application web en ligne","featuredImage":{"publicURL":"/static/d1ac8598eafff86d2cb6bf1d996b219f/deploiement-avec-netlify-header.png"}},"fields":{"slug":"/blog/deploiement-avec-netlify/"}},"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/deploiement-avec-netlify/","locale":"en"}},
    "staticQueryHashes": ["2349346863"]}