The latest articles on DEV Community by Alina Osv (@alinaosv). https://dev.to/alinaosv 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%2F379920%2F2553b9b7-8550-4603-b43a-bc2d148b1151.jpg https://dev.to/alinaosv en Alina Osv Tue, 05 May 2020 10:34:08 +0000 https://dev.to/alinaosv/deploy-create-react-app-to-github-pages-adventure-5857 https://dev.to/alinaosv/deploy-create-react-app-to-github-pages-adventure-5857 <p>This year I promised myself to create my own webpage. Without thinking twice I decided to host my website at github with some constraints:</p> <ul> <li>source code should be placed at the same repo</li> <li>website should be hosted as user page (from root folder)</li> </ul> <p>Looking for a deploy guide I figured out, that github allows to publish user page only from default branch (master) &amp; doesn't allow to set custom folder as root for deployed website. Ooops 😥</p> <p>A quick research gave me 3 options:</p> <ul> <li>deploy website as project (but I wish a pretty url 🥺)</li> <li>leave in repo just the final build (and how to deal with the source code?! 🧐)</li> <li>move source files to submodules (why so difficult 🙈)</li> </ul> <p>Messing around for a while and almost decided to choose the submodules option, I came across the <a href="https://create-react-app.dev/docs/deployment/#github-pages">official guide to deploy create-react-app</a>. Last step reminded to directly setup deploy branch (master in common).</p> <p>That's it! We could place source code into different branch and use master branch as build folder. So I moved the source code into dev branch &amp; finally deployed <a href="https://alinaosv.github.io">my page</a>.</p> <p>Hope this trick will help you to save couple of hours and deploy your user page without pain😉</p> react javascript github