Cylend Logo
Documentation

Installation

Complete installation guide for all Cylend components

Clone the Repository

First, clone the Cylend repository from GitHub:

Terminal
git clone https://github.com/yourusername/cylend-FE.git cd cylend-FE/cylend_fe

Frontend Installation

Install all frontend dependencies:

npm install # or yarn install # or pnpm install

The frontend includes:

  • • Next.js 16+ with App Router
  • • React 19+ with React Compiler
  • • Wagmi & RainbowKit for wallet integration
  • • Tailwind CSS for styling
  • • Radix UI components
  • • Sapphire SDK for encryption

Ponder Indexer Installation

Navigate to the indexer directory and install dependencies:

cd cylend-indexer npm install cd ..

The Ponder indexer includes:

  • • Event indexing for Mantle & Sapphire
  • • GraphQL API server
  • • SQLite database (development) or PostgreSQL (production)
  • • Real-time subscriptions

Backend Service Installation

Navigate to the backend service directory and install dependencies:

cd cylend-service npm install cd ..
Important

The backend service requires an owner private key to call processAction()on the LendingCore contract. Never commit this private key to version control!

Verify Installation

Verify that all components are installed correctly:

# Check Node.js version node --version  # Should be ≥ 18.14 # Check npm version npm --version # Verify frontend dependencies npm list next react wagmi # Verify indexer dependencies cd cylend-indexer && npm list @ponder/core # Verify service dependencies cd ../cylend-service && npm list ethers

Project Structure

After installation, your project structure should look like this:

cylend_fe/
├── src/                    # Frontend source code
│   ├── app/               # Next.js pages
│   ├── components/        # React components
│   ├── hooks/             # Custom hooks
│   ├── lib/               # Utilities
│   └── abis/              # Contract ABIs
├── contracts/              # Smart contracts
│   ├── PrivateLendingIngress.sol
│   └── LendingCore.sol
├── cylend-indexer/         # Ponder indexer
│   ├── src/               # Event handlers
│   ├── ponder.config.ts   # Configuration
│   └── ponder.schema.ts   # Database schema
├── cylend-service/         # Backend service
│   └── src/               # Service code
├── package.json
└── README.md

Next Steps

Now that you've installed all components, proceed to configuration:

Configuration

Set up environment variables

Quick Start

Run your first test