How to Deploy React App on Firebase Hosting? (CI/CD with GitHub Actions | Preview | Custom Domain)

Поделиться
HTML-код
  • Опубликовано: 2 дек 2024

Комментарии • 52

  • @AntonPutra
    @AntonPutra  Год назад +1

    🔴 - To support my channel, I’d like to offer Mentorship/On-the-Job Support/Consulting - me@antonputra.com

  • @bhupendrasinhthakre3980
    @bhupendrasinhthakre3980 2 года назад +4

    Probably the only tutorial on this topic that works and does it very well

  • @maxcramer
    @maxcramer 2 года назад +2

    so fast and easy! this is why i love firebase! Thank you for the super easy and straight forward tutorial!

  • @dbiswas
    @dbiswas Год назад +2

    Awesome content and to the point. Thanks Anton !

  • @AntonPutra
    @AntonPutra  Год назад

    👉 How to Manage Secrets in Terraform - ruclips.net/video/3N0tGKwvBdA/видео.html
    👉 Terraform Tips & Tricks - ruclips.net/video/7S94oUTy2z4/видео.html
    👉 ArgoCD Tutorial - ruclips.net/video/zGndgdGa1Tc/видео.html

  • @Sergei-sc1kh
    @Sergei-sc1kh 10 месяцев назад +1

    Very useful. Thanks for doing this video!

  • @viethungvu4509
    @viethungvu4509 2 года назад +1

    thanks for yor video, its take many days for me to resole this problem until i watch this video

  • @melisntz
    @melisntz 2 года назад +1

    thank you so so so soooo much for taking your time to make this. I made a portfolio site for my artwork & was really nervous about deploying it bc I had no idea what i was doing. I came across your video, watched it through, felt comfortable & then followed it every step of the way & boom! portfolio app up & running :) .. I am however having an issue with updating my site using github. I found that my contact form & newsletter subscribe form stopped working after I used git to push the updates. Based on the console it seems like the secret keys & API werent being picked up. I went back & updated my site via npm run build, then firebase deploy & the forms work as they should. Not sure what caused the issue. I followed another tutorial to connect a "functions" section with a server so maybe this has something to do with it... Anyways, at the end of the day success! Thank you so much :)

  • @randy4ii411
    @randy4ii411 Год назад +1

    Amazing man, thank you sir!

  • @tod670
    @tod670 Год назад +1

    Awesome thanks!!!

  • @kamalpanara2040
    @kamalpanara2040 3 года назад +2

    Very Useful & Informative, Thanks! Boss 🤩

  • @mikehawk4515
    @mikehawk4515 2 года назад +1

    Thank you Anton!

  • @tomnewton3191
    @tomnewton3191 2 года назад +1

    Great video, thanks for the help

  • @미니키-Minyki
    @미니키-Minyki 3 года назад +1

    It was very helpful. Thank you!!

  • @faizanahmed9304
    @faizanahmed9304 2 года назад +1

    Amazing tutorial

  • @jamessamuel3206
    @jamessamuel3206 2 года назад +1

    Really helpful!

  • @nicholasbaldassini5015
    @nicholasbaldassini5015 3 года назад +1

    Super helpful thank you!

  • @lolo-wz2ng
    @lolo-wz2ng 3 года назад +1

    very helpful, thanks!

  • @deckerdsgaming8751
    @deckerdsgaming8751 Год назад +1

    Thank you so much

  • @AGriffith
    @AGriffith 2 года назад

    This is cool and everything, but there is always one thing missing in this kind of videos, how you handle the firebase credentials on an env.local file, because that is crucial when you really start using firebase with react for example, you need to initialize the app with the credentials and then this automatic is not as easy unless you put your credentials directly on the firebase file configuration, which is a bad practice. Do you know how this could be handled? Would help me a lot

    • @AntonPutra
      @AntonPutra  2 года назад

      Simplest one using GitHub Secrets. But it's static way and I don't relay like. It depends on the tool you use in your company. AWS KMS, GCP KMS, vault, lpass, you would create a custom script to pull those secrets from thehe.

  • @MythicalMysteryQuest
    @MythicalMysteryQuest 2 года назад

    i'm getting "error: process completed with exit code 1. npm ci && npm run build" error and action getting failed in github. Please suggest me solution as I couldn't find even with the help of stackoverflow.

    • @AntonPutra
      @AntonPutra  2 года назад

      run them locally one by one, you'll see the error

  • @wilsonmutsago
    @wilsonmutsago 2 года назад

    Hello I'm getting this error what might be the problem? : Error: Failed to list functions for websites-3acce

    • @AntonPutra
      @AntonPutra  2 года назад

      reinitialize your cli client again

  • @Phoenix-hp5rj
    @Phoenix-hp5rj Год назад

    I deployed my project succesfully, but the images stored in image folder locally are not showing up. Why is that so?

    • @AntonPutra
      @AntonPutra  Год назад

      hard to say, check the error from browser console

  • @mohamedyoussef8835
    @mohamedyoussef8835 2 года назад +1

    Awesome video +++++++++++++++++++++++++

  • @pvls9514
    @pvls9514 2 года назад +1

    Класс!

  • @jonyonee
    @jonyonee 2 года назад

    Спасибо помог

  • @vinayyadav-sb5hm
    @vinayyadav-sb5hm Год назад

    Can we deploy react apps on firebase for free?

    • @AntonPutra
      @AntonPutra  Год назад

      Well, there is a limit for free tier: 360 MB/day Data transfer and 10G Storage. If your usage below you can do it.