This minimalistic example application demonstrates how to use Passkeys as an authentication mechanism for a Safe Account. It leverages the WebAuthn API to interact directly with the user's device credentials. A paymaster is configured to sponsor the user operation gas fees.

Quickstart

Follow these steps to get the example running:

1. Clone the Repo

   git clone git@github.com/candidelabs/safe-passkeys-react-example.git

2. Install Dependencies

   cd safe-passkeys-react-example
   npm install

3. Configure Environment Variables

   • Default Network: Examples run on Arbitrum Sepolia. Change your .env if you prefer another network.
   • Endpoints: BUNDLER_URL and PAYMASTER_URL use public endpoints. You can get your own dedicated endpoints from Candide Dashboard.

4. Run the app

Resources

Safe Passkeys documentation can be found here.