/next-web3auth-userop-example

A sample Next.js app that integrates Web3Auth with userop.js

Primary LanguageTypeScriptMIT LicenseMIT

Web3Auth Integration with UserOp.js Using Next.js

This demonstration application illustrates how to integrate self-custodial social authentication with Web3Auth and userop.js.

Getting Started

Clone this repository to your local machine.

Prerequisites

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 Web3Auth client ID and Stackup RPC URL:

WEB3AUTH_CLIENT_ID=Your_Web3Auth_Client_ID
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 social authentication into your Ethereum DApp. By utilizing Web3Auth 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.