Firebase Hosting using GitHub Actions - React | CI/CD

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

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

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

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

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

    Thanks men for the firebase setup!
    great job

  • @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

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

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

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

    I love you man, keep the good work

  • @stelmachanna7329
    @stelmachanna7329 9 месяцев назад +1

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

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

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

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

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

  • @YuvrajSingh-sm8nx
    @YuvrajSingh-sm8nx 6 месяцев назад +1

    How can we add environment variables?.. please reply

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

    Awesome 🔥 thanks bro

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

    Excellent video!! Thank you very much :)

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

    Been long time. Thanks for the post ✌️

  • @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?

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

    Of a great help, Proud of you.

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

    Tutorial was very easy thank Buddy ❤

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

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

  • @karthikpuvvula
    @karthikpuvvula 7 месяцев назад

    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)

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

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

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

    sangat membantu. terima kasih bro

  • @osamansr5281
    @osamansr5281 10 месяцев назад

    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  10 месяцев назад

      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

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

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

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

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

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

    Great video 👍👍

  • @m.imranzaheer1368
    @m.imranzaheer1368 2 года назад +1

    Thanks alot..👍❤

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

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

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

    Very Helpful 😍

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

    You saved my Bachelors degree man

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

    2 the point 😇

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

    how do icheck token id in firebase console

    • @FullstackSimplified
      @FullstackSimplified  10 месяцев назад +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

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

    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

  • @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

  • @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

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

    Best information

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

    👍👍

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