This repository is a starter template, originally designed for the Migros Hack Challenge "Digital Product Twins" at HackZurich 2020.
It uses Azure Static Web Apps, and gives you in 2 minutes flat:
- A functional, production ready example web app
- CI/CD pipeline using GitHub Actions
- Social login integration using Github, Twitter
- Azure Functions serverless backend API
- Support for a custom domain / TLS certificate
View a demo live at https://migros-starter.faxg.net
Learn how to Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps
The apps written in the following JavaScript frameworks/libraries:
| folder | Description |
|---|---|
| angular-app | Sample Angular app |
| api | Sample Azure Functions app |
| react-app | Sample React app |
| svelte-app | Sample Svelte app |
| vue-app | Sample Vue app |
- A GitHub account
- Node.js and Git
- Visual Studio Code installed
- The Azure Functions extension installed
- The Azure Functions Core Tools installed
If you want to access the Migros Data APIs, you'll need to have an API key.
- You'll get the key in your Challenge Starter Box.
- put the key in the file
api/.env, or configure it asMIGROS_API_KEYin the Azure portal - Make sure not to commit the key into source control / GitHub.