> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mobula.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Cookbooks

> Production-ready code examples from Mobula's open-source projects. Build crypto applications faster with battle-tested implementations.

Welcome to the Mobula Cookbooks! These guides provide **production-ready code** extracted from our open-source projects, complete with live demos and full source code.

<Tip>
  **Open Source Terminal**: All cookbook examples are extracted from the [Mobula Trader Terminal (MTT)](https://github.com/MobulaFi/MTT) - a fully open-source trading terminal built with Next.js 16.

  **Live Demo**: See everything in action at [mtt.gg](https://mtt.gg)
</Tip>

***

## What Makes Cookbooks Different?

| Regular Guides          | Cookbooks             |
| ----------------------- | --------------------- |
| Conceptual explanations | Production-ready code |
| Minimal examples        | Full implementations  |
| API-focused             | Frontend + Backend    |
| Standalone snippets     | Working applications  |

***

## Available Cookbooks

<CardGroup cols={2}>
  <Card title="Build Axiom Pulse Feature" icon="bolt" href="/cookbooks/build-axiom-pulse-feature">
    Build a real-time token discovery feed with WebSocket streaming, Zustand state management, and React components.

    **Features**: Real-time updates, filtering, search, three-column layout
  </Card>

  <Card title="Real-Time Holders Tab" icon="users" href="/cookbooks/build-real-time-holders-tab">
    Build a live token holders table with instant balance updates, PnL tracking, and LP reserve sync — like Axiom's holders view.

    **Features**: Multi-Events Stream, post-balance tracking, trade dedup, LP sync
  </Card>

  <Card title="TradingView Charts Integration" icon="chart-line" href="/cookbooks/setup-trading-view-chart">
    Integrate TradingView charts with real-time OHLCV data streaming. Supports both token and pair modes.

    **Features**: Sub-second candles, WebSocket streaming, theme support
  </Card>

  <Card title="Axiom Data Access" icon="database" href="/cookbooks/axiom-data-api">
    Access Axiom-style data programmatically: trending tokens, pulse feeds, wallet tracking, and DEX analytics.

    **Features**: Pulse V2, Multi-Events Stream, holder analytics
  </Card>
</CardGroup>

***

## Tech Stack

All cookbooks use the same modern stack:

| Technology      | Purpose                                  |
| --------------- | ---------------------------------------- |
| **Next.js 15**  | React framework with App Router          |
| **@mobula/sdk** | Mobula API client with WebSocket support |
| **Zustand**     | Lightweight state management             |
| **TailwindCSS** | Utility-first styling                    |
| **TypeScript**  | Type safety                              |

***

## Quick Start

Clone the MTT repository and start exploring:

```bash theme={null}
# Clone the MTT repository
git clone https://github.com/MobulaFi/MTT.git
cd MTT

# Install dependencies
bun install

# Set up environment
echo "NEXT_PUBLIC_MOBULA_API_KEY=your_api_key" > .env.local

# Start development server
bun dev
```

Then open [http://localhost:3000](http://localhost:3000) to see the terminal.

***

## Project Structure

```
MTT/
├── src/
│   ├── app/                    # Next.js pages
│   │   ├── page.tsx           # Pulse feed (homepage)
│   │   ├── token/[blockchain]/[address]/
│   │   └── pair/[blockchain]/[address]/
│   ├── features/
│   │   ├── pulse/             # Pulse feature (cookbook 1)
│   │   ├── token/             # Token pages
│   │   └── pair/              # Pair pages
│   ├── components/
│   │   └── charts/            # TradingView (cookbook 2)
│   ├── hooks/                 # Reusable hooks
│   ├── store/                 # Zustand stores
│   └── lib/
│       └── mobulaClient.ts    # SDK initialization
```

***

## Get Your API Key

<Card title="Create Free API Key" icon="key" href="https://admin.mobula.io/auth/sign-in">
  Sign up and get instant access to all Mobula APIs
</Card>

***

## Need Help?

<CardGroup cols={4}>
  <Card title="Telegram" icon="telegram" href="https://t.me/mobuladevelopers">
    Fast support
  </Card>

  <Card title="Discord" icon="discord" href="https://discord.gg/JVT7xKm3AD">
    Community
  </Card>

  <Card title="Slack" icon="slack" href="https://join.slack.com/t/mobulaapi/shared_invite/zt-29zrrpjnl-I0tyD73sy7zKy8q~KLL3Ug">
    Enterprise
  </Card>

  <Card title="Email" icon="envelope" href="mailto:contact@mobulalabs.org">
    Contact us
  </Card>
</CardGroup>