https://github.com/johnpapa/swa-workshop
https://github.com/johnpapa/swa-workshop
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/johnpapa/swa-workshop
- Owner: johnpapa
- License: mit
- Created: 2020-07-29T12:38:26.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2023-01-07T20:36:41.000Z (almost 3 years ago)
- Last Synced: 2024-12-28T08:02:43.517Z (10 months ago)
- Language: TypeScript
- Size: 4.41 MB
- Stars: 16
- Watchers: 3
- Forks: 6
- Open Issues: 83
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# 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://portal.azure.com/?feature.customportal=false&WT.mc_id=javascript-0000-jopapa#create/Microsoft.StaticApp)
## Learn how
Learn how to [Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-0000-jopapa)
## Contents
The apps written in the following JavaScript frameworks/libraries:
| folder | Description |
| --------------- | ------------------------------------------------------------------------------------ |
| **angular-app** | [Sample Angular app](https://github.com/johnpapa/shopathome/blob/master/angular-app) |
| **api** | [Sample Azure Functions app](https://github.com/johnpapa/shopathome/blob/master/api) |
| **react-app** | [Sample React app](https://github.com/johnpapa/shopathome/blob/master/react-app) |
| **svelte-app** | [Sample Svelte app](https://github.com/johnpapa/shopathome/blob/master/svelte-app) |
| **vue-app** | [Sample Vue app](https://github.com/johnpapa/shopathome/blob/master/vue-app) |
## Prerequisites
- A GitHub account
- [Node.js and Git](https://nodejs.org/)
- [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-0000-jopapa) installed
- The [Azure Functions extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurefunctions%3FWT.mc_id%3Dswa_workshop-github-jopapa&WT.mc_id=javascript-0000-jopapa) installed
- The [Azure Functions Core Tools](https://docs.microsoft.com/azure/azure-functions/functions-run-local?WT.mc_id=javascript-0000-jopapa) installed
## Problems or Suggestions
[Open an issue here](https://github.com/johnpapa/shopathome/issues)
## Resources
### Azure Static Web Apps
- Learn how to [Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api?WT.mc_id=javascript-0000-jopapa)
- [API support in Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/apis?WT.mc_id=javascript-0000-jopapa)
- [Add an API to Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/add-api?WT.mc_id=javascript-0000-jopapa)
- [Authentication and authorization](https://docs.microsoft.com/azure/static-web-apps/authentication-authorization?WT.mc_id=javascript-0000-jopapa)
- [Routes](https://docs.microsoft.com/azure/static-web-apps/routes?WT.mc_id=javascript-0000-jopapa)
- [Review pre-production environments](https://docs.microsoft.com/azure/static-web-apps/review-publish-pull-requests?WT.mc_id=javascript-0000-jopapa)
- [Azure Free Trial](https://azure.microsoft.com/free/?WT.mc_id=javascript-0000-jopapa)