Firebase Hosting using GitHub Actions - React | CI/CD

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024

ความคิดเห็น • 68

  • @chamaradissanayake2097
    @chamaradissanayake2097 ปีที่แล้ว +2

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

  • @rafields2
    @rafields2 2 ปีที่แล้ว +1

    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

  • @vloggingwithMisha
    @vloggingwithMisha 2 ปีที่แล้ว +1

    Of a great help, Proud of you.

  • @kritigoswami7382
    @kritigoswami7382 2 ปีที่แล้ว +1

    Been long time. Thanks for the post ✌️

  • @husnilmaarif539
    @husnilmaarif539 2 ปีที่แล้ว +1

    sangat membantu. terima kasih bro

  • @karthikpuvvula
    @karthikpuvvula 6 หลายเดือนก่อน

    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)

  • @elendil4543
    @elendil4543 2 ปีที่แล้ว +2

    I love you man, keep the good work

  • @satyaprakashsahoo7772
    @satyaprakashsahoo7772 2 ปีที่แล้ว +2

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

  • @kozinskiandrzej4
    @kozinskiandrzej4 2 ปีที่แล้ว +1

    You saved my Bachelors degree man

  • @MusingMaven
    @MusingMaven ปีที่แล้ว +1

    how do icheck token id in firebase console

    • @FullstackSimplified
      @FullstackSimplified  9 หลายเดือนก่อน +1

      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

  • @YuvrajSingh-sm8nx
    @YuvrajSingh-sm8nx 5 หลายเดือนก่อน

    How can we add environment variables?.. please reply

  • @shubhangidodake9052
    @shubhangidodake9052 ปีที่แล้ว

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

  • @mohamedyoussef8835
    @mohamedyoussef8835 2 ปีที่แล้ว +2

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

  • @sagargaud8982
    @sagargaud8982 ปีที่แล้ว +1

    Thanks men for the firebase setup!
    great job

  • @parveenkaur9966
    @parveenkaur9966 ปีที่แล้ว +1

    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?

  • @osamansr5281
    @osamansr5281 9 หลายเดือนก่อน

    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
      @FullstackSimplified  9 หลายเดือนก่อน

      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

  • @shmansoorSajjad
    @shmansoorSajjad 2 ปีที่แล้ว +2

    2 the point 😇

  • @harinikeshr6787
    @harinikeshr6787 ปีที่แล้ว

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

  • @stelmachanna7329
    @stelmachanna7329 8 หลายเดือนก่อน +1

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

  • @kikibgbghb456
    @kikibgbghb456 ปีที่แล้ว

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

    • @FullstackSimplified
      @FullstackSimplified  ปีที่แล้ว

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

  • @m.imranzaheer1368
    @m.imranzaheer1368 2 ปีที่แล้ว +1

    Thanks alot..👍❤

  • @josefpolasek6666
    @josefpolasek6666 ปีที่แล้ว +1

    Excellent video!! Thank you very much :)

  • @muhammedhashirkk5915
    @muhammedhashirkk5915 2 ปีที่แล้ว

    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
      @muhammedhashirkk5915 2 ปีที่แล้ว

      And site not found

    • @FullstackSimplified
      @FullstackSimplified  2 ปีที่แล้ว +1

      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
      @muhammedhashirkk5915 2 ปีที่แล้ว

      @@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
      @muhammedhashirkk5915 2 ปีที่แล้ว

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

    • @FullstackSimplified
      @FullstackSimplified  2 ปีที่แล้ว

      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

  • @linhmai6266
    @linhmai6266 ปีที่แล้ว +1

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

  • @jitendrakhadoliya9582
    @jitendrakhadoliya9582 ปีที่แล้ว +1

    Tutorial was very easy thank Buddy ❤

  • @techjourneyrecoded4114
    @techjourneyrecoded4114 2 ปีที่แล้ว +1

    Great video 👍👍

  • @Hman573
    @Hman573 ปีที่แล้ว +1

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

  • @subhadeeproy9881
    @subhadeeproy9881 2 ปีที่แล้ว +1

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

  • @adad8795
    @adad8795 ปีที่แล้ว +1

    Awesome 🔥 thanks bro

  • @ryleylamb9069
    @ryleylamb9069 2 ปีที่แล้ว

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

    • @FullstackSimplified
      @FullstackSimplified  2 ปีที่แล้ว

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

  • @thecareercoach231
    @thecareercoach231 2 ปีที่แล้ว +1

    Very Helpful 😍

  • @rinkugoswami5323
    @rinkugoswami5323 2 ปีที่แล้ว +1

    👍👍

  • @sujitrockstar221
    @sujitrockstar221 2 ปีที่แล้ว

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

  • @vdon7
    @vdon7 2 ปีที่แล้ว

    Best information

  • @SaravanagobiPathmanathan
    @SaravanagobiPathmanathan ปีที่แล้ว +1

    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 }}"