Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/corbado/example-passkeys-svelte
This is a sample repository of a Svelte app that offers passkey authentication.
https://github.com/corbado/example-passkeys-svelte
faceid fido2 javascript passkey passkeys svelte sveltekit touchid webauthn
Last synced: 28 days ago
JSON representation
This is a sample repository of a Svelte app that offers passkey authentication.
- Host: GitHub
- URL: https://github.com/corbado/example-passkeys-svelte
- Owner: corbado
- Created: 2023-09-12T10:57:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-08T13:25:52.000Z (8 months ago)
- Last Synced: 2024-05-08T14:35:55.968Z (8 months ago)
- Topics: faceid, fido2, javascript, passkey, passkeys, svelte, sveltekit, touchid, webauthn
- Language: Svelte
- Homepage: https://www.corbado.com/passkeys/svelte
- Size: 78.1 KB
- Stars: 5
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Svelte Passkey-First Authentication Example with Corbado
This is a sample implementation of the Corbado web component being integrated into a web application built with Svelte.
Please see the [full blog post](https://www.corbado.com/blog/svelte-passkeys) to understand the detailed steps needed to integrate passkeys into Svelte apps.
## File structure
- `src/routes/+page.svelte`: component for the sign up / login screen
- `src/routes/profile/+page.svelte`: component for the user profile information that is shown after successful authentication
- `src/routes/+layout.server.js`: file to switch SSR off (we're working on SSR support already)
- `.env`: add Corbado project ID as environment variables that you can obtain
from [Corbado developer panel](https://app.corbado.com/signin#register)## Setup
### Prerequisites
Please follow the steps in [Getting started](https://docs.corbado.com/overview/getting-started) to create and configure
a project in the [Corbado developer panel](https://app.corbado.com/signin#register).You need to have [Node](https://nodejs.org/en/download) and `npm` installed to run it.
## Usage
Run
```bash
npm i
```to install all dependencies.
Finally, you can run the project locally with
```bash
npm run dev
```