Follow these steps to start the application:
- Install Dependencies
pnpm install
- Configure Environment Variables
cp .env.example .env.local
- Start the Development Server
pnpm dev
Open http://localhost:3000 with your browser to see the result.
Ensure the following environment variables are properly configured:
NEXT_PUBLIC_MAINNET_NODE_URI
– Mainnet RPC URLNEXT_PUBLIC_WALLETCONNECT_PROJECT_ID
– WalletConnect Project ID- You can get this from WalletConnect Cloud
Available scripts for development and maintenance:
-
Development
pnpm dev
Starts the development server.
-
Build
pnpm build
Creates a production build.
-
Production
pnpm start
Runs the production server.
-
Type Checking
pnpm typecheck:ci
Runs TypeScript type checking.
The project follows a modular architecture with the following key directories:
app/
– Next.js app directory containing pages and layoutscomponents/
– Reusable React componentscontracts/
– Smart contract definitions and ABIscore/
– Core application logic and business ruleshooks/
– Custom React hookslib/
– Utility functions and shared librariespublic/
– Static assetsroutes/
– Application routing configurationutils/
– Helper functions and utilitiesviews/
– Page-specific components and logic