Static Web Apps
This repository contains apps that can be used with as a starting point for some MS Learn Modules. because everyone has their own preference for their JavaScript frameworks/library, you can choose which one you prefer - Angular, Svelte, React or Vue.
The Shop at Home theme is used throughout the app. View it live at https://www.shopathome.dev
Learn how
Quickstart - Create and deploy your Azure Static Web App
Contents
The apps written in the following JavaScript frameworks/libraries:
| Folder | Description | Live Demo |
|---|---|---|
| angular-app | Sample Angular app | angular.shopathome.dev |
| api | Sample Azure Functions app | protected |
| react-app | Sample React app | react.shopathome.dev |
| svelte-app | Sample Svelte app | svelte.shopathome.dev |
| vue-app | Sample Vue app | vue.shopathome.dev |
Prerequisites
- A GitHub account
- Node.js and Git
- For running APIs, you must have the Azure Functions Core Tools installed
- If you are using the Visual Studio Code, kindly install the Static Web Apps extension.
- Or if you'd like to use the SWA command line tool, install SWA CLI.
Problems or Suggestions
Resources
Azure Static Web Apps
- Learn how to set up local development for Azure Static Web Apps using SWA CLI
- Learn more about SWA CLI
- Learn how to Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps
- Add an API to Azure Static Web Apps
- Authentication and authorization
- API support in Azure Static Web Apps
- Routes
- Review pre-production environments
- Azure Free Trial