Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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
```