Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/highcanfly-club/kiik-cf-shortener
Azure+Auth0+Vue+Tailwindcss simple url shortener
https://github.com/highcanfly-club/kiik-cf-shortener
auth0 azure-static-web-apps cosmosdb tailwindcss vue
Last synced: about 2 months ago
JSON representation
Azure+Auth0+Vue+Tailwindcss simple url shortener
- Host: GitHub
- URL: https://github.com/highcanfly-club/kiik-cf-shortener
- Owner: highcanfly-club
- License: mit
- Created: 2022-10-02T12:39:41.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-14T15:10:04.000Z (4 months ago)
- Last Synced: 2024-09-15T01:08:17.332Z (4 months ago)
- Topics: auth0, azure-static-web-apps, cosmosdb, tailwindcss, vue
- Language: TypeScript
- Homepage: https://a.kiik.pp.ua
- Size: 23.1 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Demo project for a simple link shortener with Azure Static Web Apps+CosmosDB+Auth0+Vue+TailwindCss
## Howto
- You need:
- An Azure subscription (even free one)
- A CosmosDB container (free tier is OK)
- An Auth0 account (free is OK)
- an Application defined at Auth0 with RS256 / RBAC
- an API defined at Auth0 with add:any_short_url and list:any_short_url permissions (be sure to send permissions in the access token)
- a user or a way to automatic add it
- defines this environment variable at Azure and as Github secrets
```javascript
"COSMOSDB_ENDPOINT": "https://ACCOUNT.documents.azure.com:443/",
"COSMOSDB_KEY": "writing key",
"COSMOSDB_DATABASE": "cosmosdb db name",
"COSMOSDB_COLLECTION": "cosmosdb container name",
"AUTH0_DOMAIN": "yourtenant.yourregion.auth0.com",
"AUTH0_CLIENT_ID": "auth0 client id",
"AUTH0_CLIENT_SECRET": "auth0 client secret",
"AUTH0_CUSTOM_NAMESPACE": "https://yourdomain.tld"
```
- deploy to Azure Static Web with the VSCode Azure functions or the swa CLI
- for running locally you need to define the environment variables and issue npm run prepare-env before running npm start
### Recommended IDE Setup
- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Azure pack](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-node-azure-pack)
### License
- [MIT](https://github.com/eltorio/vue-vite-tailwindcss-fontawesome/blob/main/LICENSE.md) for my work
- others are under their own license