Session Keys Tutorial

Use Session keys module with Next JS

📄️ Session Keys Tutorial

Use Session keys module with Next JS

📄️ Introduction

This guide focuses on session keys in decentralized applications (dApps), highlighting their role in enhancing user experience and security.

📄️ Session Validation Module

Diving into the Session Validation Module, we explore its significance and interaction with the Session Key Manager Module via SDK.

📄️ Initialize Frontend

Now it's time to work on our Frontend. We will be using Next JS which is a popular react Framework used by many Web3 projects for frontends.

📄️ SDK Integration

In this section we'll integrate the Biconomy SDK and create a Smart Account that will be used for all of our dApp interactions.

📄️ Create Session

In this instance we are not sponsoring the transaction please ensure that you send amoy matic to your smart account to pay for gas. You can get matic at any polygon faucet. Additionally you will need to send your smart account amoy usdc from this contract address: 0xf555F8d9Cf90f9d95D34488e6C852796D9acBd31. You can swap amoy matic for this token on Uniswap. You will not be able to execute this code unless your smart account has some amoy matic and amoy usdc.

📄️ Transfer ERC20 With Session

In this instance we are not sponsoring the transaction please ensure that you send amoy matic to your smart account to pay for gas. You can get matic at any polygon faucet. Additionally you will need to send your smart account amoy usdc from this contract address: 0xf555F8d9Cf90f9d95D34488e6C852796D9acBd31. You can swap amoy matic for this token on Uniswap. You will not be able to execute this code unless your smart account has some amoy matic and amoy usdc.