Skip to content

Latest commit

 

History

History
65 lines (44 loc) · 2.42 KB

README.md

File metadata and controls

65 lines (44 loc) · 2.42 KB

With WebAuthn

A repository with full stack WebAuthn API examples.

Examples

  1. Authenticate with passkeys - Passkeys with SimpleWebAuthn & Firebase

    • Creating (user registration), retrieving (user login), linking multiple, and removing passkeys.
    • Passkeys autofill.
    • Formatting and parsing of WebAuthn API request / responses done via SimpleWebAuthn library.
    • Built with Firebase Auth and Firestore SDKs.
    • 👉 Check out the demo
  2. Upgrade to passkeys – From email/password to passkeys with SimpleWebAuthn & Firebase

    • A user registers with traditional email/password and verifies their email afterwards.
    • Then the user can link passkey/s and therefore upgrades to MFA.
    • The user can downgrade to single-factor authentication by removing all their passkeys.
    • Built with SimpleWebAuthn, Firebase Auth and Firestore SDKs.
    • 👉 Check out the demo

Development

Common Stack notes:

  • The whole project is managed using tuborepo.
  • All examples are in NextJS (React) framework.
  • API calls are handled with React Tanstack query on client.
  • API endpoints are built 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:

    corepack enable
    corepack install

    It finds packageManager field and installs Yarn 4.

  2. Install dependencies:

    yarn install --immutable
  3. Note that common code of each example is placed in packages/common (for client and server).

  4. Then continue with final steps for specific example:

Have you a found a bug?

Please, open a Github issue. Thank you. ❤️