Deploying a Portfolio Website on Firebase

Just before my job search I went out on a limb and decided to purchase my own domain name to practice not only building a personal portfolio website from scratch but also to understand the deployment process. Learning to code completely remotely through a boot camp I knew that there were going to be some gaps in my learning so I thought it would be a good idea to document some of what I learned as a reference for the future.

I did tons of google searching and tried to understand the entire process before I made the decision that it’s just easier to figure out what the first step is, do it, and figure out the rest from there. I spent too much time worrying about messing everything up and not enough trial and error. Don’t make the same mistake as me.

The next steps were to go to the terminal and start creating. I ran npm create-react-app and at that point, I would’ve just been happy to see the template React webpage load so I referenced a bunch of sources but found this Medium article the most helpful.

I followed those steps and got that familiar React starting screen to show up at my domain name! After getting that initial deploy I felt a lot more confident, so I changed some of the content to get rid of the spinning atom and post a general “React App Under Construction” message to test how another deploy would run. All you have to do from there is run steps 10 and 11 from that article whenever you want to update your website. A quick npm run build will get your project ready to be deployed, followed by firebase deploy to get it out there for the rest of the world to see.

Related posts:

On September 13th 2015, Sunday, I went to Gate 2 of the Mysuru Infosys campus with a printout of my offer letter and a big suitcase of my essentials. I was wearing a black jeans, so dark that I…

The framework called Angular is one of the most favored JavaScript frameworks for developing web UI. If you are reading this post, then you are definitely looking for an all-in-one source related to…

Yesterday came a facebook ad while I was testing an App, this put me thinking about how many brands today spend money on advertising to make money from advertising. You must be saying “but this is…