Solana DeFi Yield Dashboard

A Next.js app that lets you discover the best yields across Solana DeFi protocols and track your open positions — all in one place.

What it does

• Top yields table — fetches live lending rates from Jupiter and Lulo via the Dialect Markets & Positions API, sorted by APY with TVL shown
• Open positions — connect your Solana wallet to see all your active yield positions across protocols, with value and current APY
• One-click deposit — each yield row has a Deposit button that opens a modal powered by the Dialect Standard Blinks Library, letting you transact directly without leaving the page
• Wallet connection — uses @solana/react-hooks for wallet connect/disconnect with support for multiple connectors

Stack

• Next.js 16 (App Router)
• Tailwind CSS v4
• @solana/react-hooks for wallet connection
• Dialect Markets & Positions API
• Dialect Standard Blinks Library

Getting Started

1. Configure your API key

   • Copy .env.example to .env
   • Fill in the required Dialect API key and other values as needed

2. Install dependencies & run dev

npm install
npm run dev

Then open http://localhost:3000.

Live Coding Session

Built live on DevGuild: