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

Remix app with TypeScript repository of a sample app that offers passkey authentication.
https://github.com/corbado/example-passkeys-remix

faceid fido2 javascript passkey passkeys react remix touchid typescript webauthn

Last synced: 29 days ago
JSON representation

Remix app with TypeScript repository of a sample app that offers passkey authentication.

• Host: GitHub
• URL: https://github.com/corbado/example-passkeys-remix
• Owner: corbado
• Created: 2024-03-18T13:10:41.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-10-16T16:17:53.000Z (2 months ago)
• Last Synced: 2024-10-18T10:37:14.908Z (2 months ago)
• Topics: faceid, fido2, javascript, passkey, passkeys, react, remix, touchid, typescript, webauthn
• Language: TypeScript
• Homepage: https://www.corbado.com/passkeys/remix
• Size: 130 KB
• Stars: 1
• Watchers: 4
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# Remix 2 Passkey Example App

[![License](https://img.shields.io/badge/license-MIT-green)](./LICENSE)

[![Slack](https://img.shields.io/badge/slack-join%20chat-brightgreen.svg)](https://join.slack.com/t/corbado/shared_invite/zt-1b7867yz8-V~Xr~ngmSGbt7IA~g16ZsQ)

## Welcome to Corbado

This example demonstrates how to combine the Corbado React component, `@corbado/react` and integrate it with Remix for a seamless user experience.

## Structure of the Application

```

.

├── .env

├── package.json

└── app

    ├── entry.client.tsx

    ├── root.tsx

    ├── utilities

    │   ├── AuthComponent.client.tsx

    │   └── ProfileComponent.client.tsx

    └── routes

        ├── _index.tsx

        └── profile.tsx

```

## Points to Note

- For the Corbado React package to work with Remix, you need to prevent the Server bundle rom containing any imports from `@corbado/react` when building. This is achieved with putting Corbado imports only inside files that have `.client` in front of their file extension (e.g. `AuthComponent.client.tsx`). Inside your routes SSR of these Components needs to be diabled with the help of [this method](https://remix.run/docs/en/main/route/hydrate-fallback).

## :speech_balloon: Support & Feedback

### Report an issue

If you encounter any bugs or have suggestions, please [open an issue](https://github.com/corbado/example-passkeys-remix/issues/new).

### Slack channel

Join our Slack channel to discuss questions or ideas with the Corbado team and other developers.

[![Slack](https://img.shields.io/badge/slack-join%20chat-brightgreen.svg)](https://join.slack.com/t/corbado/shared_invite/zt-1b7867yz8-V~Xr~ngmSGbt7IA~g16ZsQ)

### Email

You can also reach out to us via email at [email protected].

### Vulnerability reporting

Please report suspected security vulnerabilities in private to [email protected]. Please do NOT create publicly viewable issues for suspected security vulnerabilities.