Quick Start

A super fast setup tutorial to experience the Biconomy MPC x AA SDK

In this Quickstart we will set up a NextJs app that uses the Biconomy SmartAccount SDK. This DApp allows users to pair with the silent Shard app, mint a smart contact account, and create transactions on the blockchain.

Clone this repository to get started with the example quickly. Follow the instructions listed below.

git clone https://github.com/silence-laboratories/mpc-account-abstraction-sdk

Navigate to the nextJs directory within the cloned repository:

cd packages/biconomy/nextJs

Prerequisites

• Node.js v16 or higher

• A Biconomy Account

Setting Up Environment Variables

1. Create a .env file:

   • In the root of your project, create a new file named .env

2. Fill in your API keys in .env:

   NEXT_PUBLIC_BASE_URL=https://us-central1-mobile-wallet-mm-snap-staging.cloudfunctions.net
   BICONOMY_API_KEY=your_biconomy_api_key_here //update this API key using step 3 below

3. Set the rpcUrl to get your Biconomy API key To set up the rpcUrl, create an instance at :

   • Create an account or log in if you already have one.

   • Select the Sepolia network for your instance.

   • Once the instance is created, navigate to the "Bundlers" tab

   • The API Key is the string after the chain ID in the testnet Bundler's URL

   • Copy the API Key for your instance.

How to run:

1. npm install

2. npm run dev to run the dev version

Once started, the app is running on http://localhost:3000/. Ensure that you use only port 3000 strictly.

To understand the structure of this repository, you can head over to the 'Structure of the Repository' page for more details.

Using the Silent Shard App

To interact with QR codes essential for a wallet creation in this setup, you'll need to use the Silent Shard app. Follow these steps:

1. Download the App:

   • Get the Silent Shard app from the Google Play Store or Apple App store
2. Scan the QR Code:

   • Launch the Silent Shard app and use it to scan the QR code provided during the setup process. This step is crucial for continued configuration.

Do note that the QR code is time-limited, and will expire post 30 seconds. Post which you can initiate a new QR creation.

If you would like to take such an experience into production, check out the Integration and Hosting section