Skip to content

New to Web3?

New to Web3 Diagram New to Web3 Diagram

Are you new to Web3?

We have you covered!

Simply follow this guide and quickly get started with building a foundation before integrating a Web3 application with the Arcana Auth SDK.

Arcana Auth SDK enables Web3 applications to add user onboarding functions easily through several supported authentication providers. The authenticated users can instantly access the embedded Web3 Arcana wallet in the context of the integrated application and sign blockchain transactions. Developers can add code to perform Web3 wallet operations programmatically in the context of an authenticated user, e.g., sending tokens, checking wallet balance, standard Ethereum JSON-RPC calls for blockchain transactions, etc.


If you are already familiar with how Web3 works, using authentication providers to onboard users, passwordless login, using Web3 wallet provider to sign blockchain transactions, etc., then you can skip the beginners' section and jump right into the Arcana Auth Quick Start Guide .

After the foundation, your next stop is to figure out when and how to use Arcana Auth SDK and build a basic Web3 app that integrates with it for onboarding users and allowing authenticated users to sign blockchain transactions.

Beginners Journey

Get a firm grip on the topics listed under the prerequisites section. These will help you later while building your privacy-preserving Web3 apps by integrating with the Arcana Auth SDK.


Step 1: Understanding Arcana Auth

Now that you are familiar with the basics, let us take a look at what Arcana Auth is and what it can do for Web3 app developers.

Step 2: Getting Started with the Arcana Auth SDK

To use the Arcana Auth SDK in your application, you need to first register the application using the Arcana Developer Dashboard. Configure social providers to onboard users before you integrate your application and call any Arcana Auth SDK functions in your application.

After configuring application settings using the Arcana Developer Dashboard, you can install the Arcana Auth SDK and integrate your application. Once integrated, applications can access the AuthProvider interface to onboard users and enable authenticated users to sign blockchain transactions.

There are two ways to add user onboarding functionality in an app using the Arcana Auth SDK by using built-in plug-and-play login UI or building a user login UI from scratch and adding code for enabling various supported authentication providers. For the new Web3 developers, we recommend the Arcana Auth SDK plug-and-play feature that is quick and easy to use. Seasoned developers can build custom user authentication UI. See User Onboarding Guide.

With the Arcana Auth SDK, developers can easily enable the embedded, non-custodial Arcana wallet for authenticated users and allow them to sign blockchain transactions. See the Arcana wallet Developer's Guide for details.

To learn about how the users access the Arcana wallet UI to perform Web3 operations and sign blockchain transactions, see the Arcana wallet User Guide.

Now that you understand the Arcana Auth SDK usage better let's get into some sample applications and coding!

Step 3a: Auth Example

This is a vanilla HTML/JS application that integrates with the Arcana Auth SDK, allows users to onboard via configured authentication providers and enables the authenticated users to sign blockchain transactions via the Arcana wallet.

Auth Example (GitHub)

Step 3b: React Example

Learn how to integrate Arcana Auth SDK in a simple React Application.

React Example

Milestone Achieved!


You have now graduated to the next level - Web3 developer.

Step 4: Advanced Usage

For advanced options related to user onboarding and the Arcana Auth SDK usage, you can check out Arcana Auth SDK usage and Arcana Auth SDK Reference Guide.


If you run into any new user usage issues, check out Arcana Auth FAQs and Troubleshooting Guide.

Can't find what you are looking for?

Reach out to us at ๐Ÿ“จ

Last update: April 25, 2023 by shaloo