Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

This is a sample repository of a Nuxt.js app that offers passkey authentication.
https://github.com/corbado/example-passkeys-nuxtjs

faceid fido2 javascript nuxt nuxtjs passkey passkeys touchid typescript vue vuejs webauthn

Last synced: about 2 months ago
JSON representation

This is a sample repository of a Nuxt.js app that offers passkey authentication.

Awesome Lists containing this project

README

        

# 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](https://www.corbado.com/blog/passkeys-nuxtjs) 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](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
```