Dynamic comes with Blocto Wallet built-in across both EVM and Flow. You can play around with a live demo of Dynamic here and see a full video walkthrough here.
In this tutorial, we’ll go through two things:
Sign up to get an environment ID
Create an organization and a set up your first project
Copy your environmentID
from the Dynamic overview page
(optional) Configure your site’s CORS origins
You can install Dynamic’s SDK with either yarn
or npm
. We currently support React and NextJS.
Copy the following snippet into your project and paste in your environmentId:
Adding Blocto as an embedded wallet is as simple as going to your Configurations tab in your Dynamic dashboard, and toggling Blocto on.
Once you toggle Blocto on, it will became the default wallet when signing in with email. When a user enters their email on the Dynamic model, Blocto will pop up and help them establish a wallet for their email account.
The goal of this tutorial is to have the following UI:
As a reference, you can see a CodeSandbox of the example here
Once we have the basic Dynamic setup, we’ll sort the Blocto wallet to top, define the first 4 wallets to show, and filter the rest of the wallets to only appear behind a search functionality.
In addition to setting Blocto as the top wallet, you can also configure it to be the recommended wallet for users that click the Get your first wallet
button. To do so, add the following snippet to your settings:
Dynamic comes with Blocto Wallet built-in across both EVM and Flow. You can play around with a live demo of Dynamic here and see a full video walkthrough here.
In this tutorial, we’ll go through two things:
Sign up to get an environment ID
Create an organization and a set up your first project
Copy your environmentID
from the Dynamic overview page
(optional) Configure your site’s CORS origins
You can install Dynamic’s SDK with either yarn
or npm
. We currently support React and NextJS.
Copy the following snippet into your project and paste in your environmentId:
Adding Blocto as an embedded wallet is as simple as going to your Configurations tab in your Dynamic dashboard, and toggling Blocto on.
Once you toggle Blocto on, it will became the default wallet when signing in with email. When a user enters their email on the Dynamic model, Blocto will pop up and help them establish a wallet for their email account.
The goal of this tutorial is to have the following UI:
As a reference, you can see a CodeSandbox of the example here
Once we have the basic Dynamic setup, we’ll sort the Blocto wallet to top, define the first 4 wallets to show, and filter the rest of the wallets to only appear behind a search functionality.
In addition to setting Blocto as the top wallet, you can also configure it to be the recommended wallet for users that click the Get your first wallet
button. To do so, add the following snippet to your settings: