Avail Nexus

Prerequisites

BEFORE WE START

The Nexus SDK requires an injected wallet provider (e.g. MetaMask, WalletConnect, etc.)
It is designed for client-side browser environments and cannot be used in any server-side environments.
You will need a React-based dev environment to use the SDK UI components.
GitHub: availproject/nexus-sdk
npm.js Package: @avail-project/nexus

Dev Environment Setup

Use React Frontend

Set up a React Frontend Project.

Any React-based dev environment works, including React frameworks like Next.js, Remix, Gatsby, or build tools like Vite, Create React App, and Webpack.

Install SDK

Install the Nexus SDK.

Use any package manager of your choice to install the Nexus SDK:

npm

Terminal


npm install @avail-project/nexus

yarn

Terminal


yarn add @avail-project/nexus

pnpm

Terminal


pnpm add @avail-project/nexus

We built a React demo app that uses the Avail Nexus SDK UI components to implement a unified Web3 experience.

You can use the app here: nexus-ui-components-demo.vercel.app
You can find the code for the app here: availproject/nexus-ui-components-demo