Creating a seamless user onboarding experience is essential for the success of any dApp. A well-designed onboarding process can increase user retention and foster a positive first impression, which is crucial for encouraging users to come back for more.
The SKALE Boarder is a projected created that show cases how to achieve that seamless user onboarding experience by implementing a non-custodial sign-in system that allows in-browser transaction relay without requiring users to switch their wallets.
Overall what it does is:
Create a Gnosis SAFE for users owned by a main account
Create an in-device wallet (for instance, a localsStorage saved wallet)
Allow that account to send transactions through the Gnosis Safe
Provide tooling to easily integrate this system into your dApp
Key components
The skaleboarding tooling consists of several key components:
@skaleboarder/safe-tools: A package that simplifies the creation and management of Gnosis Safes on the SKALE network* It provides functions for creating Safes, managing owners, and submitting transactions through the Safe.
@skaleboarder/rainbowkit:* A package that extends the functionality of RainbowKit to work with the SKALE network and the Gnosis Safes It includes a wallet wrapper for integrating with various wallet providers and a custom chain configuration to ease using the SKALE network.
@skaleboarder/wagmi: A package that integrates skaleboarder with the WAGMI framework* It wraps wagmi so that the signer provided is a skaleboarder gnosis safe relayer, but the address still appears to be the main, owner, wallet.
Demo contracts: A set of example contracts that demonstrate how to use the skaleboarding system.
Demo dApp: An example using the demo contracts and skaleboarder along with nextjs and rainbowkit to create a seamless signin experience
SKALE Boarder
Creating a seamless user onboarding experience is essential for the success of any dApp. A well-designed onboarding process can increase user retention and foster a positive first impression, which is crucial for encouraging users to come back for more.
The SKALE Boarder is a projected created that show cases how to achieve that seamless user onboarding experience by implementing a non-custodial sign-in system that allows in-browser transaction relay without requiring users to switch their wallets.
Overall what it does is:
Key components
The skaleboarding tooling consists of several key components:
@skaleboarder/safe-tools: A package that simplifies the creation and management of Gnosis Safes on the SKALE network* It provides functions for creating Safes, managing owners, and submitting transactions through the Safe.
@skaleboarder/rainbowkit:* A package that extends the functionality of RainbowKit to work with the SKALE network and the Gnosis Safes It includes a wallet wrapper for integrating with various wallet providers and a custom chain configuration to ease using the SKALE network.
@skaleboarder/wagmi: A package that integrates skaleboarder with the WAGMI framework* It wraps wagmi so that the signer provided is a skaleboarder gnosis safe relayer, but the address still appears to be the main, owner, wallet.
Demo contracts: A set of example contracts that demonstrate how to use the skaleboarding system.
Demo dApp: An example using the demo contracts and skaleboarder along with nextjs and rainbowkit to create a seamless signin experience
For an implementation example check the following Github Repository