Passkey-First Authentication with Nuxt.js and Corbado

This is a sample implementation of the Corbado UI component being integrated into a web application built with Nuxt.js.

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

File structure

• layouts/default.vue: Encapsulating layout handling Corbado project initialization
• pages/index.vue: component for the sign up / login screen
• pages/profile.vue: component for the user profile information that is shown after successful authentication

Setup

Prerequisites

Please follow the steps in Getting started to create and configure a project in the Corbado developer panel.

You need to have Node and npm installed to run it.

Usage

Run

npm i

to install all dependencies.

Finally, you can run the project locally with

npm run dev