This example app shows how to create a web app for using passkeys in your Safe. Please read How to build an app with Safe and passkeys to see how this app was created.

Prerequisite knowledge: You will need some basic experience with React, Next.js, and ERC-4337.

Before progressing with the tutorial, please make sure you have:

• Downloaded and installed Node.js and pnpm.
• Created an API key from Pimlico.

To install this example application, run the following commands:

git clone https://github.com/5afe/safe-passkeys-tutorial.git
cd safe-passkeys-tutorial
pnpm i

This will get a copy of the project installed locally. Now, create a file named .env.local at the root of your project, and add your Pimlico API key to it:

echo "NEXT_PUBLIC_PIMLICO_API_KEY='your_pimlico_api_key_goes_here'" > .env.local

Run the local development server with the following command:

pnpm dev

Go to http://localhost:3000 in your browser to see the application.

Please post any questions on Stack Exchange with the safe-core tag.

MIT, see LICENSE.