The latest articles on DEV Community by Vishesh Mangla (@xtremegood). https://dev.to/xtremegood https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F450024%2Fafd5b403-9746-44cb-9693-ca6bcc081aa5.png https://dev.to/xtremegood en Vishesh Mangla Wed, 15 Sep 2021 09:41:48 +0000 https://dev.to/xtremegood/netilify-deployment-with-react-router-1oa2 https://dev.to/xtremegood/netilify-deployment-with-react-router-1oa2 <p>Recently tried to host a website on netlify whilst shifting from github-pages. Was a little bit of searching only after which it worked.</p> <p>Steps:<br> 1) Did the usual linking to github and getting a subdomain from <br> <code>https://app.netlify.com</code></p> <p>2) In package.json<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> "homepage": "https://&lt;your_website_name&gt;.netlify.app", "scripts":{ "predeploy": "npm run build", "deploy": "netlify deploy" } </code></pre> </div> <p>3) Under <code>public</code> folder add a file <code>_redirects</code> with contents<br> <code>/* /index.html 200</code>.<br> 4) In root directory add a file named <code>netlify.toml</code> with content as<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>[build] command = "npm run build" publish="/build" base = "" </code></pre> </div> <p>5) Then follow the steps here <a href="https://www.netlify.com/blog/2016/07/22/deploy-react-apps-in-less-than-30-seconds/">https://www.netlify.com/blog/2016/07/22/deploy-react-apps-in-less-than-30-seconds/</a></p> createreactapp