Add Privy Yield demo example

examples/privy-next-yield-demo/.env.local.example

@@ -0,0 +1,10 @@
+# Privy Configuration
+NEXT_PUBLIC_PRIVY_APP_ID=your-privy-app-id
+PRIVY_APP_SECRET=your-privy-app-secret
+
+# Vault Configuration
+NEXT_PUBLIC_VAULT_ID=your-vault-id
+NEXT_PUBLIC_FEE_RECIPIENT=0x...fee-recipient-address
+
+# Webhook (optional — for real-time transaction status updates)
+PRIVY_WEBHOOK_SECRET=your-privy-webhook-secret

examples/privy-next-yield-demo/.gitignore

@@ -0,0 +1,42 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+!.env.local.example
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

examples/privy-next-yield-demo/README.md

@@ -0,0 +1,125 @@
+# Privy Yield Demo
+
+A demo Next.js app showcasing **Privy Yield** - where users authenticate, receive an embedded wallet, deposit USDC into a yield-generating Morpho vault on Base mainnet, and withdraw with earned yield.
+
+![Privy Yield Demo](https://privy.io/privy-logo-dark.png)
+
+## Features
+
+- **Privy Authentication** - Email, wallet, Google, Apple login
+- **Embedded Wallets** - Automatic wallet creation on login
+- **Yield Generation** - Deposit USDC into Morpho vaults on Base
+- **Easy Withdrawals** - Withdraw principal + earned yield anytime
+- **Position Tracking** - View your current position and earnings
+- **Transaction History** - Real-time transaction updates via webhooks
+
+## Tech Stack
+
+- **Framework**: Next.js 16 (App Router)
+- **Auth/Wallets**: Privy React SDK (`@privy-io/react-auth`)
+- **Styling**: Tailwind CSS v4
+- **Network**: Base Mainnet (Chain ID: 8453)
+- **Asset**: USDC (`0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913`)
+
+## Getting Started
+
+### 1. Install dependencies
+
+```bash
+npm install
+```
+
+### 2. Configure environment variables
+
+Create a `.env.local` file in the root directory:
+
+```env
+# Privy Configuration
+NEXT_PUBLIC_PRIVY_APP_ID=your-privy-app-id
+PRIVY_APP_SECRET=your-privy-app-secret
+
+# Vault Configuration
+NEXT_PUBLIC_VAULT_ID=your-vault-id
+
+# Webhook Secret (for transaction updates)
+PRIVY_WEBHOOK_SECRET=your-webhook-secret
+
+# Optional: Fee Recipient Address (for display purposes)
+NEXT_PUBLIC_FEE_RECIPIENT=0x...
+```
+
+Get your Privy credentials from [dashboard.privy.io](https://dashboard.privy.io).
+
+### 3. Run the development server
+
+```bash
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) to see the app.
+
+## Project Structure
+
+```
+src/
+├── app/
+│   ├── layout.tsx              # Root layout with PrivyProvider
+│   ├── page.tsx                # Landing/login page
+│   ├── globals.css             # Privy Home design system
+│   ├── dashboard/
+│   │   └── page.tsx            # Main dashboard after login
+│   └── api/
+│       ├── deposit/route.ts    # Deposit USDC into vault
+│       ├── withdraw/route.ts   # Withdraw USDC from vault
+│       ├── position/route.ts   # Get user's vault position
+│       ├── vault/route.ts      # Get vault info
+│       ├── transactions/route.ts # Get transaction history
+│       └── webhook/route.ts    # Handle Privy webhook events
+├── components/
+│   ├── PrivyProvider.tsx       # Privy SDK configuration
+│   ├── WalletCard.tsx          # Wallet address + USDC balance
+│   ├── DepositForm.tsx         # Deposit input + submit
+│   ├── WithdrawForm.tsx        # Withdraw input + submit
+│   ├── PositionDisplay.tsx     # User's vault position
+│   ├── FeeRecipientCard.tsx    # Vault info display
+│   ├── TransactionHistory.tsx  # Transaction list with status
+│   └── ui/
+│       ├── header.tsx          # App header with navigation
+│       └── fullscreen-loader.tsx # Loading spinner
+└── lib/
+    ├── constants.ts            # USDC address, chain config, utilities
+    └── transaction-store.ts    # In-memory transaction storage
+```
+
+## API Routes
+
+| Route | Method | Description |
+|-------|--------|-------------|
+| `/api/deposit` | POST | Deposit USDC into the yield vault |
+| `/api/withdraw` | POST | Withdraw USDC from the vault |
+| `/api/position` | GET | Get user's current vault position |
+| `/api/vault` | GET | Get vault info and APY |
+| `/api/transactions` | GET | Get transaction history for a wallet |
+| `/api/webhook` | POST | Receive Privy webhook events for transaction updates |
+
+## Design System
+
+The app uses the **Privy Home** design system with:
+
+- Brand off-black: `#010110`
+- Primary interactive: `#5B4FFF`
+- Background: `#FFFFFF`
+- Elevated background: `#F1F2F9`
+- Success: `#DCFCE7` / `#135638`
+- Error: `#FEE2E2` / `#991B1B`
+
+## Learn More
+
+- [Privy Documentation](https://docs.privy.io)
+- [Privy Yield API](https://docs.privy.io/guide/yield)
+- [Morpho Protocol](https://morpho.org)
+- [Base Network](https://base.org)
+
+## License
+
+MIT

examples/privy-next-yield-demo/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

examples/privy-next-yield-demo/next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;