JohnRising / capsule-stackup-example

A sample Next.js app that integrates Capsule with Stackup userop.js

Capsule Integration with UserOp.js Using Next.js

This demonstration application illustrates how to integrate self-custodial MPC + Account Abstraction wallets with Capsule and userop.js.

Getting Started

Clone this repository to your local machine.

Prerequisites

• Node.js installed on your system.

• An account with Capsule (https://usecapsule.com/) to get an API Key - fill out the beta form.

• An account with Stackup (https://app.stackup.sh/) to get a RPC URL.

Configuration

The application uses environment variables for configuration.

1. Copy the .env.example file into a new .env.local file:

   cp .env.example .env.local

2. Open the .env.local file and add your Capsule API Key and Stackup RPC URL:

CAPSULE_API_KEY=Your_Capsule_API_KEY
STACKUP_RPC_URL=Your_Stackup_RPC_URL`

Install Dependencies

Install all dependencies by running the following command:

npm install

Run the Application

You can start the application with the following command:

npm run dev

The application should now be running at http://localhost:3000.

Conclusion

This demonstration app provides a great starting point for integrating self-custodial MPC + Account Abstraction into your Ethereum DApp. By utilizing Capsule and UserOp.js along with Next.js, it's possible to create a more user-friendly and secure DApp experience.

For further information and help, feel free to raise an issue in this repository.