Skip to main content

Integrating Frontend

Introduction​

Integrating your backend with a frontend dApp is essential for a seamless user experience. The InterchainAuthJS provides all the tools necessary to compose and interact with blockchain messages effectively. This tutorial offers a quick overview to get you started and redirects you to the package documentation for detailed guidance.

Prerequisites​

Before integrating your backend with a frontend dApp, ensure the following prerequisites are met:

Frontend Setup​

This package is compatible with any JavaScript framework, such as Vue, React, Next.js, or even plain JavaScript. Choose the framework that best fits your project.

Install the required package:

npm install @s16rv/interchainauthjs

Wallet Integration​

A Cosmos wallet provider must be integrated into your frontend. You can achieve this using various libraries like:

Ensure the wallet supports both direct and amino signing (depending on your use case).

RPC/GRPC Node Connection​

Identify and configure the RPC endpoint for querying blockchain data and broadcasting transactions. Ensure the endpoint has integrated support for Interchain Auth functionality.

Example
const rpcEndpoint = "https://rpc.cosmos.network";

Familiarity with Cosmos Modules​

This documentation assumes a foundational understanding of the Cosmos SDK, including core concepts such as transaction construction, message handling, and interactions with the blockchain.

InterchainAuthJS​

To explore the full details of integrating Interchain Auth with the frontend, including code examples and advanced scenarios, refer to the InterchainAuthJS .