Environment Setup

Foundry - Smart Contracts

Foundry's installation and setup is simple and straightfoward. We will need to configure our Foundry project for the MANTRA Chain Dukong testnet but, we'll get to that later.

Next.js + Rainbowkit - Frontend

For this guide we've chosen to use Rainbowkit in building the frontend.

Rainbowkit gives us out-of-the-box wallet management for our dapp. Aside from handling the connection and disconnection of wallets, RainbowKit supports numerous wallets, swaps connection chains, resolves address to ENS, displays balance and much more!

Rainbowkit is a React library and, as such, needs Node.js to be installed. In building the dApp for this guide the current stable version (v24.11) was used. To make it easy to install and switch between Node versions, the Node Version Manager (NVM) is a very helpful tool.