Thanks to your videos i've finally quit my job and start my own project. I hope your channel really grow up in a short period of time, it's just a matter of time for people to know your channel and have a bigger community. Thank you very much for all the effort you put into these videos.
@@elilopezdev thank you for the effort.. could you also show us the same process without the third party firebase action for deploying .. i mean a manual github action for deploying .. just asking :) that would be of great help
Thank you so much for your wonderful video. In the video, you use a git GUI tool, probably a vs code extension. What's the extension name? Thanks in Advance.
I have a good deploy but firebase says: "This file does not exist and there was no index.html found in the current directory or 404.html in the root directory."
Hello! For the Firebase token I set it in the "GitHub Secrets" area of my repository at minute 6:00 But if you mean the environment variables from your project's .env file or system variables, you can also register them as "GitHub Secrets" and pass them in during your build step in the Github Action configuration file. I created this sample file with more "env" variables in case you want to take a look: github.com/EnterFlash/firebase-github-action-sample/blob/main/main.yml
# PAY ATTENTION TO BRANCH NAME, HERE IT'S @MASTER, not @MAIN # script below name: Build and Deploy to Firebase Hosting # Controls when the workflow will run on: # Triggers the workflow on push or pull request events but only for the "master" branch push: branches: [ "master" ] pull_request: branches: [ "master" ] # Allows you to run this workflow manually from the Actions tab workflow_dispatch: # A workflow run is made up of one or more jobs that can run sequentially or in parallel jobs: # This workflow contains a single job called "build" build: # The type of runner that the job will run on name: Build runs-on: ubuntu-latest # Steps represent a sequence of tasks that will be executed as part of the job steps: - name: Checkout repository uses: actions/checkout@master - name: Install dependencies run: npm ci - name: Build project run: npm run build - name: Archive production artifact uses: actions/upload-artifact@master with: name: dist path: dist deploy: name: Deploy needs: build runs-on: ubuntu-latest steps: - name: Checkout repository uses: actions/checkout@master - name: Download arctifact uses: actions/download-artifact@master with: name: dist path: dist - name: Deploy to Firebase Hosting uses: w9jds/firebase-action@master with: args: deploy --only hosting env: FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
![Digital Circus Episode 4 [TRAILER]](http://i.ytimg.com/vi/abZtsmMUbJo/mqdefault.jpg)
The git managing tool I'm using is called GitKraken. Use my invite link and win a $100 Amazon gift card 😮: www.gitkraken.com/invite/c4SJ1sK3
Thanks to your videos i've finally quit my job and start my own project. I hope your channel really grow up in a short period of time, it's just a matter of time for people to know your channel and have a bigger community.
Thank you very much for all the effort you put into these videos.
Very helpful thank you
Glad to hear!
@@elilopezdev thank you for the effort.. could you also show us the same process without the third party firebase action for deploying .. i mean a manual github action for deploying .. just asking :) that would be of great help
What is the name of this command interface program, branch / tag, graphic and commit message that appears in your video?
It is GitKraken, its a user interface for managing Git just like SourceTree for example. Its awesome! Heres the link: www.gitkraken.com/
Thank you so much. so helpful 💗
Well job
So is it necessary to keep the project stored locally or keeping it on GitHub is enough
Thank you so much for your wonderful video. In the video, you use a git GUI tool, probably a vs code extension. What's the extension name? Thanks in Advance.
Hey the git GUI tool I use is GitKraken. I actually have a referral link, you can check it out here: www.gitkraken.com/invite/c4SJ1sK3
I have a good deploy but firebase says: "This file does not exist and there was no index.html found in the current directory or 404.html in the root directory."
Can you also make a video on GitHub pages?
For sure! Thanks for suggesting 🤔🎥!
Does this work the same for Reactjs apps? I noticed that the build file is not name dist but 'build' Is the workflow still the same?
Just change the public directory to build
Hi Eli, how are you setting the environment variables of Firebase?
Hello! For the Firebase token I set it in the "GitHub Secrets" area of my repository at minute 6:00
But if you mean the environment variables from your project's .env file or system variables, you can also register them as "GitHub Secrets" and pass them in during your build step in the Github Action configuration file.
I created this sample file with more "env" variables in case you want to take a look: github.com/EnterFlash/firebase-github-action-sample/blob/main/main.yml
@@elilopezdev thank you so much that's exactly what I was trying to understand.
@@sumits6442 Glad to help!
@@sumits6442 Glad to help!
what is that awsm looking map on @7:00 and how you created it
Solid vid, but I think using firebase init hosting:github and letting the cli walk you through it is easier and simpler
What that GUI for github ?
# PAY ATTENTION TO BRANCH NAME, HERE IT'S @MASTER, not @MAIN
# script below
name: Build and Deploy to Firebase Hosting
# Controls when the workflow will run
on:
# Triggers the workflow on push or pull request events but only for the "master" branch
push:
branches: [ "master" ]
pull_request:
branches: [ "master" ]
# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:
# A workflow run is made up of one or more jobs that can run sequentially or in parallel
jobs:
# This workflow contains a single job called "build"
build:
# The type of runner that the job will run on
name: Build
runs-on: ubuntu-latest
# Steps represent a sequence of tasks that will be executed as part of the job
steps:
- name: Checkout repository
uses: actions/checkout@master
- name: Install dependencies
run: npm ci
- name: Build project
run: npm run build
- name: Archive production artifact
uses: actions/upload-artifact@master
with:
name: dist
path: dist
deploy:
name: Deploy
needs: build
runs-on: ubuntu-latest
steps:
- name: Checkout repository
uses: actions/checkout@master
- name: Download arctifact
uses: actions/download-artifact@master
with:
name: dist
path: dist
- name: Deploy to Firebase Hosting
uses: w9jds/firebase-action@master
with:
args: deploy --only hosting
env:
FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
thanks!!
hey there. I am using yarn. So will there be any changes or I have to keep it same.
your github link is not working