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

Astro repository of a sample app that offers passkey authentication.
https://github.com/corbado/example-passkeys-astro

astro faceid javascript passkey passkey-authentication passkeys passwordless-authentication touchid webauthn

Last synced: about 2 months ago
JSON representation

Astro repository of a sample app that offers passkey authentication.

• Host: GitHub
• URL: https://github.com/corbado/example-passkeys-astro
• Owner: corbado
• Created: 2024-07-31T09:10:11.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-13T13:25:03.000Z (5 months ago)
• Last Synced: 2024-08-14T11:37:03.767Z (5 months ago)
• Topics: astro, faceid, javascript, passkey, passkey-authentication, passkeys, passwordless-authentication, touchid, webauthn
• Language: Astro
• Homepage: https://www.corbado.com/blog/astro-passkeys
• Size: 60.5 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Astro Passkey Example App

This is a sample implementation of the Corbado web-js package integrated into a web application built with Astro.

Please see the full [blog post](https://www.corbado.com/blog/astro-passkeys) to understand the detailed steps needed to integrate passkeys into Astro apps.

## File Structure

- `src/components/PasskeyList.astro`: Component for displaying the list of passkeys.

- `src/pages/Login.astro`: Page component for the sign-up / login screen.

- `src/pages/Profile.astro`: Page component for the user profile information shown after successful authentication.

## Setup

### Prerequisites

1. Follow the steps in [Getting started](https://docs.corbado.com/) to create and configure a project in the [Corbado developer panel](https://app.corbado.com/#login-init).

2. Add your project's ID to an environment file as shown in the `.env.example` file.

3. Ensure you have Node.js and npm installed to run the application.

### .env File

Create a `.env` file in the root of your project and add your Corbado project ID:

```plaintext

PUBLIC_CORBADO_PROJECT_ID=your_corbado_project_id

```

### Usage

1. **Install Dependencies**:

   ```bash

   npm install

2. **Run the Project Locally**:

   ```bash

   npm run dev

   ```

Your application will start at `http://localhost:4321`. You can now see the authentication UI and test the passkey login functionality.