name: GitHub Pages on: push: branches: - main jobs: deploy: runs-on: ubuntu-latest steps: - name: Checkout uses: actions/checkout@v2 - name: Setup Node.js uses: actions/setup-node@v2 with: node-version: '16' - name: Install dependencies run: npm install - name: Run tests run: npm run test:headless - name: Build run: npm run build:prod - name: Deploy if: success() uses: peaceiris/actions-gh-pages@v3 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: dist/angular-github-actions enable_jekyll: true

Angular Github Actions

Application example built with Angular 14 and hosted on GitHub Pages using GitHub Actions.

This tutorial was posted on my blog in portuguese and on the DEV Community in english.

Prerequisites

Before you start, you need to install and configure the tools:

Getting started

Create and configure the account on the GitHub

1. Let's create the account. Access the site https://github.com/ and click on the button Sign up.

2. Fill in the fields Username, Email address, Password, click on the button Verify to solve the challenge and click on the button Create account.

3. Let's create the repository. Click on the menu with the avatar and click on the menu Your repositories.

4. Click on the button New.

5. Fill in the field Repository name and click…

Blog

GitHub Actions Hackathon 2021 - Hosting an Angular application on GitHub Pages using GitHub Actions

Rodrigo Kamada

My Workflow

Submission Category:

Yaml File

Link to Code

rodrigokamada / angular-github-actions

Application example built with Angular 14 and hosted on GitHub Pages using GitHub Actions.

Angular Github Actions

Prerequisites

Getting started

Create and configure the account on the GitHub

Additional Resources / Info

Join Our Newsletter. No Spam, Only the good stuff.

Related