Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/cermakjiri/with-webauthn

Full-stack examples of WebAuthn API.
https://github.com/cermakjiri/with-webauthn

fido2 firebase-auth passkeys passkeys-demo public-key-authentication webauthn webauthn-demo

Last synced: 7 days ago
JSON representation

Full-stack examples of WebAuthn API.

Host: GitHub
URL: https://github.com/cermakjiri/with-webauthn
Owner: cermakjiri
License: gpl-3.0
Created: 2024-10-05T19:07:40.000Z (about 1 month ago)
Default Branch: dev
Last Pushed: 2024-10-30T15:49:14.000Z (8 days ago)
Last Synced: 2024-10-30T15:53:03.699Z (8 days ago)
Topics: fido2, firebase-auth, passkeys, passkeys-demo, public-key-authentication, webauthn, webauthn-demo
Language: TypeScript
Homepage: https://with-webauthn.dev
Size: 2.12 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

        


# With WebAuthn

A repository with full stack WebAuthn API examples.



## Examples

1. **[Passkeys with SimpleWebAuthn & Firebase](examples/simplewebauthn)**

    - Creating (user registration), retrieving (user login), linking multiple, and removing passkeys.

    - Issuing a JWT token via Firebase Auth once user is authenticated.

    - Passkes are stored in Firebase Firestore.

    - Formatting and parsing of WebAuthn API request / responses done via SimpleWebAuthn library.

    - 👉 [**Check out the demo**](https://with-webauthn.dev)

---

## Development

### Common Stack notes:

-   The whole project is managed using tuborepo and yarn workspaces.

-   All examples are in NextJS (React) framework.

-   API calls are handled with React Tanstack query on client.

-   API endpoints are build via NextJS API routes.

-   Forms are built with react-hook-form and validated with zod schemas.

-   Material UI with styled components as UI SDK.

### How to start the project locally?

1. Initialize package manager:

   Make sure you're running Node v20. Then initialize a package manager:

    ```sh

    corepack enable

    corepack install

    ```

    It finds `packageManager` field and installs Yarn 4.

2. Install dependencies:

    ```sh

    yarn install --immutable

    ```

3. Then continue with final steps for specific example:

    - [Passkeys with SimpleWebAuthn & Firebase](examples/simplewebauthn/README.md)

## Have you a found a bug?

Please, open a [Github issue](https://github.com/cermakjiri/with-webauthn/issues/new/choose). Thank you. ❤️