My Workflow
I create a basic CI workflow, called CI.yml, for any javascript or JS framework application.
In this post I explain each step and why is important to have at least these ones:
How to add CI to your Frontend with GitHub Actions - NuxtJS case study
Alba Silvente Fuentes ・ Aug 26 '20
I'm using it in a SPA created with VueCLI for a TV Shows list. I'm also using it in other projects that are coming soon.
Please feel free to check it, fork it and ask me anything, here is the repo:
Dawntraoz / tv-shows-spa
TV Shows dashboard with listings by genres and ratings. Find the TV Show you want to know more about.
Submission Category:
Maintainer Must-Haves
Yaml File
# Name your workflow
name: CI
# Set on which events you want run the actions.
# In this case the workflow will run on push for master and on pull request for master and develop branches
on:
push:
branches: [ master ]
pull_request:
branches: [ master, develop ]
jobs:
integration:
strategy:
matrix:
os: [ubuntu-latest, macos-latest, windows-latest]
node: [12]
runs-on: ${{ matrix.os }}
steps:
- name: Setup Node.js environment
uses: actions/setup-node@v1.4.3
with:
node-version: ${{ matrix.node }}
- name: Checkout master branch
uses: actions/checkout@v2
- name: Cache node_modules
uses: actions/cache@v2.1.0
with:
path: node_modules
key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/package-lock.json')) }}
- name: Install dependencies
if: steps.cache.outputs.cache-hit != 'true'
run: npm install
- name: Run ESLint
run: npm run lint
- name: Run unit tests
run: npm run test:unit
- name: Code coverage
uses: codecov/codecov-action@v1.0.12
Top comments (0)