--- title: "Analog Tutorial (1): Installing Analog" slug: analog-tutorial-step-1 publishDate: 2024-12-11 ---

Installing Analog

Steps taken to install Analog

System Requirements

Analog requires Node 16.17.0, or v18.13.0 and higher is recommended. You can check your version by doing the following: node -v

node -v

node -v

Analog also requires Angular v15 or higher, which is setup in the next step.

Create a new Analog Application

Now we'll create a new Analog project with npm:

node -v

Deploying to an Azure Static Web App

name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - main
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

jobs:
  build_and_deploy_job:
    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v3
        with:
          submodules: true
          lfs: false
      - name: Set up Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '20' # Specify your Node.js version here
      - name: Install dependencies
        run: npm install
      - name: Build Angular app
        run: npm run build # This command should match the script in your package.json that builds your Angular app
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_AMBITIOUS_DUNE_0CDDC6610 }}
          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
          action: "upload"
          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
          app_location: "/" # App source code path
          api_location: "" # Api source code path - optional
          output_location: "dist/client" # Built app content directory - optional
          ###### End of Repository/Build Configurations ######

  close_pull_request_job:
    if: github.event_name == 'pull_request' && github.event.action == 'closed'
    runs-on: ubuntu-latest
    name: Close Pull Request Job
    steps:
      - name: Close Pull Request
        id: closepullrequest
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_AMBITIOUS_DUNE_0CDDC6610 }}
          action: "close"

Creating a Component

ng g c blog-list

References

Analog - Getting Started

Welcome to My Blog

What You Can Expect