Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/corbado/example-passkeys-nuxtjs
- Owner: corbado
- Created: 2023-09-06T08:08:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-08T13:27:57.000Z (9 months ago)
- Last Synced: 2024-11-24T16:17:13.317Z (about 2 months ago)
- Topics: faceid, fido2, javascript, nuxt, nuxtjs, passkey, passkeys, touchid, typescript, vue, vuejs, webauthn
- Language: Vue
- Homepage: https://www.corbado.com
- Size: 314 KB
- Stars: 8
- Watchers: 4
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
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
```