Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Cover image for Firebase Hosting with Namecheap Domains
happyharis
happyharis

Posted on

     

Firebase Hosting with Namecheap Domains

Firebase Hosting, in my opinion, the easiest and beginner friendly way to host your website seamlessly. I haven't tried other hosting services (except Heroku). If you have one, comment down below!

However, when you deploy your web project the firebase hosting, you will the get a default url:

XXXXX.firebaseapp.com

That's when domains come in. In short, domains are the addresses of your projects. They convert the human readable address to an ip address that your web project is being stored.

You can buy domains from GoDaddy, Google. However, I chose NameCheap because I am a cheapskate. I find that registering your NameCheap domain with firebase hosting is not exactly great. Thus, this a brief tutorial on it. Full video below.

First, you need to get a domain name in NameCheap.

Second, go to the Firebase Hosting of your project. Click on add custom domain and key in your custom domain.Leave the checkbox that says redirect to an existing website, unchecked. Click continue.

Copy the statement below the value header:google-site-verification=somethingsom4eth6in7g

Let's go to NameCheap dasboard. you need to go to Domain List > ManageClick on the domain you want to register > Advanced DNS > Add New Record.

Namecheap Dashboard example



Source: Macario Jame

Create an TXT Record, with a @ as host, instead of the url as the host.

Moreover, create a CNAME record withwww as the host and the value with your domain.

This will be verified after a couple of minutes. You are one step away from using your custom domain.

Success Dialog for Firebase Hosting Domain

Once done, you will be brought to the last page,GO LIVE. You have to add 2A Record with the host @ instead of your custom domain into the Advanced DNS settings.

You have to wait for a while for the domain to be secured by Firebase. Refresh the page after a few minutes, and you will see the Pending status.

You can visit your web app, which is not secured, yet.

It may take up to 24 hours, but it will probably take less.

Hope this is helpful 😁. Comment down below if you face with any issues.

Top comments(6)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
piotrp10711450 profile image
Piotr P
  • Joined

Thanks, I have struggled to getmaindomain.com working. There is a bunch of videos taking about cName configuration and stuff, but none of them really worked for me.

Now guided by your vidieo, I've created two separate connections with my domain now and it's flying.

Once more thanks.

CollapseExpand
 
krthr profile image
Wilson Tovar
Software Engineer @ Amazon. Applying MLOps to power state of the art ML model building.
  • Location
    Madrid, Spain
  • Work
    Software Engineer @ Amazon
  • Joined

You saved my life! Thank you!

CollapseExpand
 
krishnakakade profile image
krishna kakade
console.log(' Open for UI/UX design roles')
• Edited on• Edited

Worked but still needs setup maybe soon it will be verifiedkrishnadevz.me/

CollapseExpand
 
rextech03 profile image
rextech03
  • Joined

Happy your contents makes me happy. Thanks happy for your happy content

CollapseExpand
 
sitonimbus profile image
Carlos Andrés Mora González
I'm a Software Developer
  • Email
  • Location
    Santiago de Cuba, Cuba
  • Education
    Universidad de Oriente
  • Work
    Software Develop
  • Joined

You saved my life! Thank you! This is awesome!

CollapseExpand
 
geovannygil profile image
Geovanny Gil
  • Joined

Thank you friend

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Making coding tutorials, understandable and ENTERTAINING!
  • Location
    Singapore
  • Work
    Self-employed at Zukunf
  • Joined

More fromhappyharis

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp