Angular basic

Azure Static Web Apps allows you to easily build Angular apps in minutes. Use this repo with the Angular quickstart to build and customize a new static site.

This project was generated with Angular CLI.

Environment setup

# azure cli
curl -sL https://aka.ms/InstallAzureCLIDeb | sudo bash
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/microsoft-ubuntu-$(lsb_release -cs)-prod $(lsb_release -cs) main" > /etc/apt/sources.list.d/dotnetdev.list'
sudo apt-get update
sudo apt-get install azure-functions-core-tools-4

# azure swa
npm install -g @angular/cli@13
swa --version

# angular
npm install -g @azure/static-web-apps-cli

References

• azure cli

Project setup

npm install

Start the dev server

ng build
swa start dist/angular-basic --api-location api

Note: This command will use the local configuration file swa-cli.config.json.

Run unit tests

npm test

Run e2e tests

npm run e2e

Lints and fixes files

npm run lint

Compiles and minifies for production

npm run build

Login to Azure

npm run swa:login

Deploy to Azure

npm run swa:deploy

Reference

• auth