Rootstock Reown & Shadcn Starter Kit

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

• Integration with Reown 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.

Project Structure

.
├── public
├── src
│   ├── App.tsx
│   ├── assets
│   ├── components
│   ├── config
│   │   ├── providers.tsx
│   │   └── 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/rsksmart/rsk-reown-starter-kit
cd rsk-reown-starter-kit

2. Configure Project

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

VITE_REOWN_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_REOWN_PROJECT_ID.

3. Install Dependencies

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