https://github.com/aaronpowell/swa-custom-auth-auth0

A sample of how to setup SWA custom OIDC providers using Auth0
https://github.com/aaronpowell/swa-custom-auth-auth0

Last synced: about 1 month ago
JSON representation

A sample of how to setup SWA custom OIDC providers using Auth0

• Host: GitHub
• URL: https://github.com/aaronpowell/swa-custom-auth-auth0
• Owner: aaronpowell
• License: mit
• Created: 2021-05-12T06:31:23.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-05-26T01:25:23.000Z (over 3 years ago)
• Last Synced: 2024-11-17T19:46:57.684Z (about 2 months ago)
• Language: TypeScript
• Size: 757 KB
• Stars: 3
• Watchers: 3
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Azure Static Web Apps - Custom auth with Auth0

This repository contains an example of how to use Auth0 as a custom auth provider to [Azure Static Web App](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=javascript-28110-aapowell). You can read about how to implement this [on my blog](https://www.aaron-powell.com/posts/2021-05-13-using-auth0-with-static-web-apps/).

[Live Demo](https://white-desert-00c81d910.azurestaticapps.net).

## Azure Static Website React Template

This repository contains a template for creating an [Azure Static Web App](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=javascript-23110-aapowell) projects using React + TypeScript.

In the template there is [Create React App](https://create-react-app.dev) site using TypeScript and an `api` folder with an empty [Azure Functions](https://docs.microsoft.com/azure/functions/?WT.mc_id=javascript-23110-aapowell), also using TypeScript.

To get started, click the **Use this template** button to create a repository from this template, and check out the [GitHub docs on using templates](https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/creating-a-repository-from-a-template).

## Running The Application

From a terminal run `npm start` from both the repository root and `api` folder to start the two servers, the web application will be on `http://localhost:3000` and the API on `http://localhost:7071`. Alternatively, you can use the VS Code launch of `Run full stack` to run both together with debuggers attached.