https://github.com/corbado/example-passkeys-sveltekit

This is a sample repository of a Svelte app (using SvelteKit and TailwindCSS) that offers passkey authentication for demo purposes.
https://github.com/corbado/example-passkeys-sveltekit

faceid fido2 javascript passkey passkeys svelte sveltekit tailwind tailwindcss touchid webauthn

Last synced: about 2 months ago
JSON representation

This is a sample repository of a Svelte app (using SvelteKit and TailwindCSS) that offers passkey authentication for demo purposes.

• Host: GitHub
• URL: https://github.com/corbado/example-passkeys-sveltekit
• Owner: corbado
• Created: 2023-04-04T13:00:21.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-21T09:08:25.000Z (3 months ago)
• Last Synced: 2024-10-21T12:45:01.012Z (3 months ago)
• Topics: faceid, fido2, javascript, passkey, passkeys, svelte, sveltekit, tailwind, tailwindcss, touchid, webauthn
• Language: Svelte
• Homepage: https://passkeys.eu
• Size: 2.22 MB
• Stars: 14
• Watchers: 4
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Svelte Passkey Example App

This is a sample implementation of the Corbado UI component and Node SDK being integrated into a web application built

with Sveltekit.

Please see the [full blog post](https://www.corbado.com/blog/sveltekit-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.server.ts`: Used to load user information on the server side

- `src/routes/profile/+page.svelte`: component for the user profile information that is shown after successful

  authentication

- `src/routes/+layout.server.ts`: file to switch SSR off (we're working on SSR support already)

- `.env`: add Corbado project ID and project secret as environment variables that you can obtain

  from the [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

```