https://github.com/5afe/safe-passkeys-tutorial
Example for building an app with Safe and passkeys tutorial.
https://github.com/5afe/safe-passkeys-tutorial
nextjs react safe-core typescript
Last synced: 10 months ago
JSON representation
Example for building an app with Safe and passkeys tutorial.
- Host: GitHub
- URL: https://github.com/5afe/safe-passkeys-tutorial
- Owner: 5afe
- License: mit
- Created: 2024-06-09T15:43:01.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-13T11:23:42.000Z (over 1 year ago)
- Last Synced: 2025-06-04T02:46:48.420Z (about 1 year ago)
- Topics: nextjs, react, safe-core, typescript
- Language: TypeScript
- Homepage: https://docs.safe.global/home/passkeys-tutorials/safe-passkeys-tutorial
- Size: 263 KB
- Stars: 4
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# How to build an app with Safe and passkeys
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](https://docs.safe.global/home/passkeys-tutorials/safe-passkeys-tutorial) to see how this app was created.
## What you’ll need
**Prerequisite knowledge:** You will need some basic experience with [React](https://react.dev/learn), [Next.js](https://nextjs.org/docs), and [ERC-4337](https://docs.safe.global/home/4337-overview).
Before progressing with the tutorial, please make sure you have:
- Downloaded and installed [Node.js](https://nodejs.org/en/download/package-manager) and [pnpm](https://pnpm.io/installation).
- Created an API key from [Pimlico](https://www.pimlico.io/).
## Getting Started
To install this example application, run the following commands:
```bash
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:
```bash
echo "NEXT_PUBLIC_PIMLICO_API_KEY='your_pimlico_api_key_goes_here'" > .env.local
```
Run the local development server with the following command:
```bash
pnpm dev
```
Go to `http://localhost:3000` in your browser to see the application.
## Help
Please post any questions on [Stack Exchange](https://ethereum.stackexchange.com/questions/tagged/safe-core) with the `safe-core` tag.
## License
MIT, see [LICENSE](LICENSE).