Rootstock Wagmi & Privy

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 Privy 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-privy-starter-kit.vercel.app/

Project Structure

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

2. Configure Project

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

VITE_PRIVY_APP_ID='your Privy App ID'
VITE_BUNDLER_API_KEY='etherspot_public_key'
VITE_CUSTOM_BUNDLER_URL=https://rootstocktestnet-bundler.etherspot.io/

Note: Go to Privy Dashboard and create a project, copy the project ID and paste it on VITE_PRIVY_APP_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