A simple guide to hosting a free website using React and Firebase

Domo Crosby
2 min readMar 1, 2021

Why should I use Firebase?

So you know React and you want a really easy backend that doesn’t require any new languages to be learnt. Setting up on Firebase couldn’t be cheaper and easier. Firebase has the following benefits to name a few.

  • Simple to setup | 5 mins
  • Free Hosting | Transfer 360 MB/day
  • Free Database | Up to 1GB stored
  • Free Authentication | Web is unlimited for free 😀
  • Free Analytics | No Limits
  • Basically Free Function Running | Up to 2M/month but $0.01 storage charge

The common misconceptions with Firebase is that it is better for Mobile App backends and that it is too simplistic. Whilst it was originally created for Mobile App development, it is now more than competitive as a Web backend. Also if you ever plan to develop a React Native app you won’t need to switch platforms.

OK I’m convinced, but where do I begin

If you’ve been captivated so far by this stunning read, then you Sir/Madam/ Other are in luck. The following articles explain how to go from a blank Mac to a web hosted app.

Note : Firebase Free tier as of 2021–02–28, let me know if anything has changed and I’ll update. I’ve added the metric you are most likely to hit first, let me know if you’ve hit other metric limits first.

--

--

Domo Crosby

Founder of Trrrends, writing about my journey as a Product Manager turned Product Creator. 🇬🇧 in 🇺🇸 , so expect strange lingo and phantom u's