Frontend
Next.js frontend application for Cylend's privacy-preserving lending
Tech Stack
Framework
Next.js 16+ with App Router, React 19
Web3
Wagmi, Viem, RainbowKit
Styling
Tailwind CSS, Radix UI
Privacy
Sapphire SDK for encryption
Key Features
Client-Side Encryption
All action payloads encrypted in browser
Real-Time Data
GraphQL queries to Ponder indexer
Type-Safe
Full TypeScript with auto-generated types
App Pages
/app/deposit - Create deposits/app/allocate - Supply collateral/app/borrow - Borrow assets/app/repay - Repay loans/app/withdraw - Withdraw collateral/app/records - Settlement records