RGB++ Asset Staking Application Tutorial （RGB++ 资产锁仓应用教程）

Build a complete RGB++ asset staking DApp from scratch, supporting asset staking on both CKB and Bitcoin chains.

从 0 到 1 构建一个完整的 RGB++资产锁仓 DApp，支持 CKB 链和 Bitcoin 链的资产锁仓功能。

🌐 Language Versions 语言版本

• 中文版
• English (Current)

🎯 Project Features

• Complete Application Code: Production-ready code that can be deployed directly
• Detailed Illustrated Tutorial: Step-by-step implementation guide
• Dual Chain Support: Support for RGB++ assets on both CKB and Bitcoin chains
• Time Lock Mechanism: Secure staking and unlocking process
• Bilingual Documentation: Complete Chinese and English documentation

🚀 Quick Start

Try the Demo

• Live Demo: https://rgbpp-staking-demo.nervos.org
• Source Code: ./demo

Learn with Tutorial

• English Tutorial: ./tutorial (files with -en suffix)
• 中文教程: ./tutorial (files with -zh suffix)
• Technical Design: ./docs

💡 Features

• ✅ Connect CCC wallet
• ✅ View RGB++ asset balance (CKB chain + Bitcoin chain)
• ✅ Set staking amount and period
• ✅ Execute staking operations
• ✅ View staking status and expiration time
• ✅ Unlock assets after expiration

🛠️ Tech Stack

• Frontend: React + TypeScript + CCC
• Smart Contracts:
  • Rust/JS
  • CKB Time Lock + BTC Time Lock
• Deployment:
  • ccc-deploy
  • Vercel

📚 Target Audience

• Developers who want to learn RGB++ development
• Project teams needing asset staking functionality
• Developers interested in CKB smart contracts

📖 Tutorial Contents

1. Project Introduction & Architecture
2. Environment Setup
3. Understanding Time Lock Mechanism
4. Building Frontend Interface
5. Implementing Staking Feature
6. Implementing Unstaking Feature
7. Deployment and Testing