We created SBC AppKit to make it easy to integrate stablecoins into apps and payment workflows. The AppKit comes preconfigured with the SBC Paymaster and smart account capabilities to enable gasless transactions.

We recently added a preconfigured integration with Para’s wallet infrastructure. With just a few commands, developers can implement a seamless process for users to onboard to a Para wallet that is preconfigured to work with our custom paymaster to abstract away gas fees.

The SBC AppKit is currently set up to work on Base. But it can be configured to work with other EVM chains as well. Please reach out if you’re looking for support for a particular chain.

Below we outline the steps to get up and running with the app kit and Para wallets.

Step 1: Obtain API keys for Para and SBC Paymaster

Two API keys are need to enable the Para wallet connection and the paymaster for gasless transactions.

For the SBC Paymaster, obtain the API key from us using the SBC Dashboard. All you have to do is connect a wallet and create a new API key.

To obtain a Para API key, sign up for an account on Para’s developer portal. After registering, you will create a project that will create an associated API key for use with Para wallets.

Step 2: Install SBC AppKit

Refer to the create-sbc-app repo for more details on the SBC AppKit and a full list of options how it can be used.

To use SBC AppKit specifically with Para wallets, we first download it with the following command:

npx create-sbc-app my-app --template react-para

This command includes the optional parameter --template react-para which configures the app kit with Para.

A prompt will request providing the API key for the SBC Paymaster.

In the my-app directory, run the pnpm install command to install the dependencies.

Let’s now move to the next step where we We add the Para API key.

Step 3: Configure SBC AppKit with the Para API key

Let’s now configure the AppKit to work with Para. In the .env file, assign the variable VITE_PARA_API_KEY the API key from the Para developer portal.

The VITE_CHAIN variable can be assigned base to use mainnet or baseSepolia to use testnet.

The VITE_RPC_URL variable is optional and lets you assign a specific RPC URL. We leave it blank, which defaults to Alchemy’s RPC endpoint.

Now that we have the Para API key saved, let's run the app kit and try out a transaction.

Step 4: Run SBC AppKit

Now we can run the app kit using the pnpm dev command. This will open a browser window that shows the app kit preconfigured Para. The first screen will let you sign up or login into a Para account.

Once logged in, the next screen shows the wallet that was created and let’s us test a transaction.

Make sure to add some SBC to your Para wallet and then try sending a transaction. Notice there was zero requirement for gas to complete the transaction. This is made possible with the SBC Paymaster that is preconfigured and integrated in the app kit.

Conclusion

The SBC AppKit is an easy way to quickly get set up with a wallet, paymaster, and stablecoin to start building stablecoin-powered apps. Use the repo to start building and let us know how we can support development.

And as you work through this guide, feel free to reach out with any questions or suggestions for improvements. We can be reached on Telegram.