Shopathome
Choose from Angular, React, Svelte, and Vue applications with an Azure Functions API, that deploys to Azure Static Web Apps
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.
The Shop at Home theme is used throughout the app. View it live at https://www.shopathome.dev
Learn how
Learn how to Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps
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
- Visual Studio Code installed
- The Static Web Apps extension installed
- The SWA CLI installed
- The Azure Functions Core Tools installed
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
