Rootstock Wagmi & Shadcn Starter Kit

This starter kit provides a foundation for building decentralized applications (dApps) on the Rootstock blockchain using React, Wagmi and Shadcn libraries. It includes features such as:

• Integration with Rainbowkit for wallet connection and interacting with smart contracts
• Sample integrations of interactions with tokens like ERC20, ERC721, and ERC1155.
• Prettier and eslint configured for project files.
• Tailwindcss and Shadcn configured for style customization.

Check the live demo here: https://rsk-wagmi-starter-kit.vercel.app/

Project Structure

.
├── public
├── src
│   ├── App.tsx
│   ├── assets
│   ├── components
│   ├── config
│   │   ├── providers.tsx
│   │   ├── rainbowkitConfig.ts
│   │   └── wagmiProviderConfig.ts
│   ├── lib
│   │   └── utils
│   ├── main.tsx
│   ├── pages
├── package.json

Supported Networks

• Rootstock Mainnet
• Rootstock Testnet

Usage

Setup

1. Clone Repository

git clone https://github.com/chrisarevalodev/rsk-wagmi-starter-kit.git
cd rsk-wagmi-starter-kit

2. Configure Project

Copy the .env.example file and rename it to .env, and add a variables:

VITE_WC_PROJECT_ID='your Reown (prev wallet connect) key'
VITE_BUNDLER_API_KEY='etherspot_public_key'
VITE_CUSTOM_BUNDLER_URL=https://rootstocktestnet-bundler.etherspot.io/

Note: Go to Reown Dashboard and create a project, copy the project ID and paste it on VITE_WC_PROJECT_ID.

3. Install Dependencies

Note: We recommend using yarn package manager given that there are some conflicts when installing some packages with npm.

For the variables VITE_BUNDLER_API_KEY and VITE_CUSTOM_BUNDLER_URL, these are used for the etherspot gasless demo part, and these variables (for testnet) are public. For production use, please obtain bundler api key and bundler url from Etherspot

yarn

4. Run Project

yarn dev