Passkey-First Authentication with Vanilla JavaScript and Corbado

This is a sample implementation of the Corbado Vanilla JavaScript component being integrated into a plain HTML, CSS & JavaScript web application.

Please see the full blog post to understand the detailed steps needed to integrate passkeys into JavaScript apps.

File structure

• index.html: The login page
• profile.html: The profile page that is only accessible after a successful login

Prerequisites

Please follow the steps in Getting started to create and configure a project in the Corbado developer panel. Most importantly, you need to obtain a projectId and insert it in the code for the placeholder <PROJECT_ID>.

Usage

We need a local webserver to start our application. We chose the http-server package for this. Install it with

npm install --global http-server

Then you can run the project locally with

http-server ./