Firebase Hosting using GitHub Actions - React | CI/CD

[@rafields2]

Nice videos!! I just became a subscriber so now it's time to marathon all your videos about firebase and you have my gratitude for making them

[@FullstackSimplified]

Thanks for your support.

[@chamaradissanayake2097]

Short, sweet and understandable. Good job! Thank you!

[@FullstackSimplified]

Glad it helped. Thanks for watching

[@ayush_aryan01]

Short, sweet and simple

[@girliesgiggles]

I love you man, keep the good work

[@linhmai6266]

thank you for the easy-to-understand tutorial, bro!

[@FullstackSimplified]

Glad it was helpful!

[@Hman573]

Really clear and concise - thanks for not wasting any time!!!

[@FullstackSimplified]

Glad it was helpful!

[@sagargaud8982]

Thanks men for the firebase setup! great job

[@satyaprakashsahoo7772]

Good going bro.. One day definitely you will have lakhs of subscribers go with the same spirit.. 😎

[@FullstackSimplified]

Thanks for the support. Really appreciate 🔥🔥

[@stelmachanna7329]

Thank you !!! it was relly clear , a could deployed , great !!!

[@FullstackSimplified]

Glad it helped

[@kritigoswami7382]

Been long time. Thanks for the post ✌️

[@FullstackSimplified]

Thanks for watching 🔥

[@mishtiquelegance]

Of a great help, Proud of you.

[@FullstackSimplified]

Thank you 🔥🔥

[@adad8795]

Awesome 🔥 thanks bro

[@FullstackSimplified]

Welcome 👍

[@josefpolasek6666]

Excellent video!! Thank you very much :)

[@FullstackSimplified]

Glad you liked it!

[@mohamedyoussef8835]

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

[@FullstackSimplified]

Thank you! Cheers!

[@subhadeeproy9881]

Simple and understandable ... that's the great thing of your videos 🤩

[@FullstackSimplified]

Thanks for watching 🔥🔥

[@jitendrakhadoliya9582]

Tutorial was very easy thank Buddy ❤

[@FullstackSimplified]

Glad it helped. Thanks for watching

[@muhammedhashirkk5915]

Good video bro..bt 04:51 not working in my case.. the messages are given below There are no workflow runs yet What i do bro??

[@muhammedhashirkk5915]

And site not found

[@FullstackSimplified]

Did you follow all the steps? Missing any one steps will not give the required result. Steps - ? Set up the workflow to run a build script before every deploy? Yes ? What script should be run before every deploy? npm ci && pm run build Created workflow file /Users/prasoon/Desktop/YT/fir-react-gha/.github/w orkflows/firebase-hostidg-pull-request.vml ? Set up automatic deployment to your site's live channel when a PR is merged? - Y

[@muhammedhashirkk5915]

@@FullstackSimplified i tried same method sir,now i see the workflow in actions tab,but there was a error icon,i move my cursor on that error there was a msg "the workflow run failed". What i do sir..

[@muhammedhashirkk5915]

And i have another error installing firbase tool time "Npm warn deprecated debug@4.1.1:dubug version >=3.2.0 =4

[@FullstackSimplified]

Try to install it with sudo if you are on mac/linux. If still it doesn’t work try adding -force flag in your npm install command in the end

[@sujitrockstar221]

Lovely educational video for IT students.keep up .load more video time to time

[@FullstackSimplified]

Thanks for watching 🔥

[@YuvrajSingh-sm8nx]

How can we add environment variables?.. please reply

[@thecareercoach231]

Very Helpful 😍

[@FullstackSimplified]

Thanks for watching 🔥

[@techjourneyrecoded4114]

Great video 👍👍

[@parveenkaur9966]

Thanks for providing this easy to understand and fully knowledgeable video, I have one question, I want to deploy a team project assigned by another organization, how could I deploy that one?

[@FullstackSimplified]

You need to have the admin access of the git repo

[@shmansoorSajjad]

2 the point 😇

[@FullstackSimplified]

Thanks for watching

[@husnilmaarif539]

sangat membantu. terima kasih bro

[@m.imranzaheer1368]

Thanks alot..👍❤

[@vdon7]

Best information

[@FullstackSimplified]

Thanks for watching 🔥

[@karthikpuvvula]

what to input here if the repo is inside an organization ? ? For which GitHub repository would you like to set up a GitHub workflow? (format: user/repository)

[@osamansr5281]

what about the "secret api keys" how to handle them? do you also push them to the remote repo ?? I'm getting FirebaseError: Firebase: Error (auth/invalid-api-key).

[@FullstackSimplified]

For api keys you need to create your own. Ideally it is not recommended to push the secret api keys to remote git repo. You can add the particular file to .gitignore and it won’t push it to the remote repo

[@kozinskiandrzej4]

You saved my Bachelors degree man

[@FullstackSimplified]

Glad it helped. Thanks for watching

[@harinikeshr6787]

There is no workflow for firebase in github what to do? Is there is another way to connect github and firebase?

[@FullstackSimplified]

As of now you can do this via firebase cli

[@shubhangidodake9052]

Commit changes is not visible on action tab, can someone help?

[@kikibgbghb456]

i used masted instead of main and i can see app running but no output just white screen

[@FullstackSimplified]

Please follow each steps shown in the video. Or do check if 'main' is used in some other step

[@MusingMaven]

how do icheck token id in firebase console

[@FullstackSimplified]

I don’t think you can check for token id in the firebase console. They do have a function which you can use in your code to generate token id. You can read more about it here - firebase.google.com/docs/auth/admin/verify-id-tokens#web

[@rinkugoswami5323]

👍👍

[@FullstackSimplified]

Thanks for watching 🔥

[@ryleylamb9069]

How might someone set environment variables in github actions to be pushed over to the deployed application to set on the site?

[@FullstackSimplified]

You can read about env variables here docs.github.com/en/actions/learn-github-actions/environment-variables

[@SaravanagobiPathmanathan]

noob, you can make it deploy in direct push , name: Firebase CI on: push: branches: master jobs: build: runs-on: ubuntu-latest strategy: matrix: node-version: [15.x] steps: - uses: actions/checkout@v2 - name: Use Node.js version ${{ matrix.node-version }} uses: actions/setup-node@v2 with: node-version: ${{ matrix.node-version }} - run: npm i - run: npm install -g firebase-tools - run: CI=false npm run build - name: Archive Build uses: actions/upload-artifact@v2 with: name: build path: build deploy: name: Deploy needs: build runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 - name: Download Build uses: actions/download-artifact@v2 with: name: build path: build - name: Deploy to Firebase uses: w9jds/firebase-action@master with: args: deploy --only hosting env: FIREBASE_TOKEN: "${{ secrets.FIREBASE_TOKEN }}"

[@FullstackSimplified]

Awesome! Thanks for sharing