A full-stack template for building real-time dApps on RISE using shreds
# Create a new app
npx create-rise-dapp@latest my-app
# Start building
cd my-app
npm run deploy-and-sync # Deploy contracts
npm run dev # Start frontendVisit http://localhost:3000 to see your app.
Real-time Transactions - Synchronous transaction receipts with eth_sendRawTransactionSync
Real-time Events - WebSocket subscriptions via rise_subscribe for live updates
Embedded Wallets - Basic Browser-based wallet with the Shreds integration
Auto Contract Sync - Deploy and sync contracts to frontend automatically
Modern Stack - Next.js 15, TypeScript, Tailwind CSS v4, Wagmi v2
npx create-rise-dapp@latest my-app --template chat # Real-time chat with karma
npx create-rise-dapp@latest my-app --template leverage # Leverage App
npx create-rise-dapp@latest my-app --template frenpet # Virtual pet gamemy-app/
├── contracts/ # Foundry smart contracts
│ ├── src/ # Contract source files
│ ├── script/ # Deployment scripts
│ ├── test/ # Contract tests
│ └── foundry.toml # Foundry configuration
├── frontend/ # Next.js application
│ ├── src/
│ │ ├── app/ # App routes and pages
│ │ ├── components/ # React components
│ │ ├── contracts/ # Auto-generated ABIs & addresses
│ │ ├── hooks/ # Auto-generated contract hooks
│ │ ├── lib/ # Utilities (WebSocket, RiseSyncClient)
│ │ └── providers/ # React context providers
│ └── public/ # Static assets
├── scripts/ # Build and deployment tools
│ ├── deploy-and-sync.sh # Deploy & sync contracts
│ └── sync-contracts.js # Contract synchronization
└── package.json # Monorepo configuration
npm run dev # Start frontend development server
npm run deploy-and-sync # Deploy contracts & sync to frontend
npm run build # Build for production
npm run test # Run contract tests- Core Concepts - Understand RISE's unique features
- Building Apps - Step-by-step guide to create custom dApps
- API Reference - Contract interfaces and hooks
- Examples - Code snippets and patterns
MIT