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

# Home

> BlockDB Blog - data insights, engineering deep-dives, and product updates for quant funds and AI teams.

<div className="mx-auto w-full max-w-8xl px-4 sm:px-6 lg:px-12">
  <div className="mt-8 relative overflow-hidden rounded-xl border border-gray-200 dark:border-gray-800 bg-blue-50/50 dark:bg-transparent">
    <div className="absolute inset-0 pointer-events-none hidden dark:block" style={{ background: 'linear-gradient(135deg, rgba(50,60,224,0.14) 0%, rgba(2,7,26,0.5) 70%)' }} />

    <div className="relative z-10 p-5 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
      <div>
        <p className="text-gray-900 dark:text-white font-semibold">Try the data before you commit</p>
        <p className="text-gray-600 dark:text-gray-400 text-sm mt-0.5">All BlockDB datasets are free to preview on Hugging Face - no account needed.</p>
      </div>

      <div className="flex items-center gap-3 flex-shrink-0 flex-wrap">
        <a href="https://huggingface.co/BlockDB/datasets" target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-semibold transition-opacity hover:opacity-90" style={{ backgroundColor: '#FFD21E', color: '#1a1a1a' }}>
          🤗 Preview free · No login
        </a>

        <a href="https://www.blockdb.io/#contact-us" className="inline-flex items-center gap-2 rounded-lg border border-gray-300 dark:border-gray-700 px-4 py-2 text-sm font-medium text-gray-900 dark:text-white hover:border-gray-400 dark:hover:border-gray-500 transition-colors">
          Get full access →
        </a>
      </div>
    </div>
  </div>

  <section className="mt-10 mb-16">
    {/* ══ FEATURED CARD ══════════════════════════════════════════════ */}

    <a href="/articles/what-is-mev-ethereum" className="group block mb-10">
      <div className="relative flex flex-col md:flex-row overflow-hidden rounded-xl border border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-white/[0.03] transition-all duration-300">
        <div className="absolute left-0 inset-y-0 w-[3px] rounded-l-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{ backgroundColor: '#5A86FF' }} />

        <div className="flex-1 p-6 md:p-8 lg:p-10 flex flex-col justify-between min-w-0">
          <div>
            <span className="inline-flex items-center gap-1.5 mb-3 text-xs font-semibold px-2.5 py-1 rounded-full" style={{ backgroundColor: 'rgba(90,134,255,0.12)', color: '#5A86FF', borderLeft: '2px solid #5A86FF' }}>
              ★ Latest
            </span>

            <h2 className="text-2xl md:text-3xl font-bold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors leading-tight">
              What Is Maximal Extractable Value (MEV) in Ethereum and How Does It Work?
            </h2>

            <p className="mt-3 text-gray-600 dark:text-gray-400 text-base leading-relaxed line-clamp-3">
              MEV is the profit extracted by controlling transaction ordering within a block. This guide covers the mechanics, types, key players, and economic consequences — from first principles.
            </p>

            <div className="mt-4 flex flex-wrap gap-2">
              <span className="text-xs px-2.5 py-0.5 rounded-full bg-gray-100 text-gray-500 dark:bg-white/[0.06] dark:text-gray-400">#MEV</span>
              <span className="text-xs px-2.5 py-0.5 rounded-full bg-gray-100 text-gray-500 dark:bg-white/[0.06] dark:text-gray-400">#Ethereum</span>
              <span className="text-xs px-2.5 py-0.5 rounded-full bg-gray-100 text-gray-500 dark:bg-white/[0.06] dark:text-gray-400">#DeFi</span>
            </div>
          </div>

          <div className="mt-6 flex items-center gap-3 flex-wrap">
            <span className="text-sm text-gray-500">Mar 4, 2026</span>
            <span className="text-gray-300 dark:text-gray-700">·</span>

            <span className="text-sm text-gray-500 inline-flex items-center gap-1">
              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden="true">
                <circle cx="12" cy="12" r="10" />

                <path d="M12 6v6l4 2" />
              </svg>

              9 min read
            </span>
          </div>
        </div>

        <div className="md:w-80 lg:w-96 h-52 md:h-auto flex-shrink-0 overflow-hidden relative">
          <div className="absolute inset-0 z-10 hidden md:block pointer-events-none" style={{ background: 'linear-gradient(to right, rgba(2,7,26,0.88) 0%, rgba(2,7,26,0.3) 35%, transparent 65%)' }} />

          <img src="https://mintcdn.com/blockdb-24509496/3_19XeWTBFiGQswV/images/posts/mev-ethereum-explained.png?fit=max&auto=format&n=3_19XeWTBFiGQswV&q=85&s=926f1aa1498a6c44f953d3e11e93bd61" alt="MEV in Ethereum explained" className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" width="1536" height="1024" data-path="images/posts/mev-ethereum-explained.png" />
        </div>
      </div>
    </a>

    <div className="flex items-center justify-between mb-8">
      <h2 className="text-2xl font-bold text-gray-900 dark:text-white">Latest Posts</h2>

      <a href="/articles/all" className="text-sm font-medium hover:underline" style={{ color: '#5A86FF' }}>
        View all →
      </a>
    </div>

    {/* ══ GRID CARDS ═════════════════════════════════════════════════
              [GRID CARD] - copy one block per older post, paste above the
              "Paste new" comment below, update href / title / desc / tags / date.
          ════════════════════════════════════════════════════════════════════ */}

    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
      {/* [GRID CARD] ── copy from here ──────────────────────────── */}

      <a href="/articles/what-is-mev-ethereum" className="group block overflow-hidden rounded-xl border border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-white/[0.03] transition-all duration-300 relative">
        <div className="absolute left-0 inset-y-0 w-[3px] rounded-l-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{ backgroundColor: '#5A86FF' }} />

        <div className="h-44 overflow-hidden">
          <img src="https://mintcdn.com/blockdb-24509496/3_19XeWTBFiGQswV/images/posts/mev-ethereum-explained.png?fit=max&auto=format&n=3_19XeWTBFiGQswV&q=85&s=926f1aa1498a6c44f953d3e11e93bd61" alt="What is MEV in Ethereum" className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" width="1536" height="1024" data-path="images/posts/mev-ethereum-explained.png" />
        </div>

        <div className="p-5">
          <h3 className="text-lg font-bold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors leading-snug">
            What Is Maximal Extractable Value (MEV) in Ethereum and How Does It Work?
          </h3>

          <p className="mt-2 text-sm text-gray-600 dark:text-gray-400 line-clamp-2">
            MEV mechanics, types, key players, and economic consequences — from first principles.
          </p>

          <div className="mt-3 flex flex-wrap gap-1.5">
            <span className="text-xs px-2 py-0.5 rounded-full bg-gray-100 text-gray-500 dark:bg-white/[0.06] dark:text-gray-400">#MEV</span>
            <span className="text-xs px-2 py-0.5 rounded-full bg-gray-100 text-gray-500 dark:bg-white/[0.06] dark:text-gray-400">#DeFi</span>
          </div>

          <span className="mt-3 flex items-center gap-1 text-xs text-gray-500">
            Mar 4, 2026 ·

            <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden="true">
              <circle cx="12" cy="12" r="10" />

              <path d="M12 6v6l4 2" />
            </svg>

            9 min read
          </span>
        </div>
      </a>

      {/* ── copy to here ─────────────────────────────────────────── */}

      {/* ── Paste new [GRID CARD] blocks above this line ── */}
    </div>
  </section>

  <section className="mt-4 mb-16">
    <div className="flex items-center justify-between mb-6">
      <div>
        <h2 className="text-2xl font-bold text-gray-900 dark:text-white">Explore Datasets</h2>
        <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">Free preview on Hugging Face - no account needed.</p>
      </div>

      <a href="https://huggingface.co/BlockDB/datasets" target="_blank" rel="noopener noreferrer" className="text-sm font-medium hover:underline hidden sm:block" style={{ color: '#5A86FF' }}>
        All datasets →
      </a>
    </div>

    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
      <a href="https://huggingface.co/datasets/BlockDB/Swap-Prints-Ethereum-And-EVM-Cryptocurrency-Data" target="_blank" rel="noopener noreferrer" className="group relative p-4 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-blue-400/60 dark:hover:border-blue-500/40 bg-gray-50/50 dark:bg-white/[0.02] transition-all duration-300">
        <div className="absolute left-0 inset-y-0 w-[3px] rounded-l-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{ backgroundColor: '#5A86FF' }} />

        <div className="text-xs font-mono text-gray-400 dark:text-gray-600 mb-2 truncate">Swap-Prints</div>
        <div className="text-sm font-semibold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Swap Events</div>
        <div className="mt-1 text-xs text-gray-600 dark:text-gray-400 line-clamp-2">Tick-level DEX swap data across 11 EVM chains</div>

        <div className="mt-3 flex items-center justify-between">
          <span className="text-xs text-gray-500">★ 28 · 1k rows</span>
          <span className="text-xs" style={{ color: '#5A86FF' }}>Preview ↗</span>
        </div>
      </a>

      <a href="https://huggingface.co/datasets/BlockDB/Liquidity-Pools-Reserves-Ethereum-And-EVM-Cryptocurrency-Data" target="_blank" rel="noopener noreferrer" className="group relative p-4 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-blue-400/60 dark:hover:border-blue-500/40 bg-gray-50/50 dark:bg-white/[0.02] transition-all duration-300">
        <div className="absolute left-0 inset-y-0 w-[3px] rounded-l-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{ backgroundColor: '#5A86FF' }} />

        <div className="text-xs font-mono text-gray-400 dark:text-gray-600 mb-2 truncate">Liquidity-Pools-Reserves</div>
        <div className="text-sm font-semibold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Pool Reserves</div>
        <div className="mt-1 text-xs text-gray-600 dark:text-gray-400 line-clamp-2">Reserve snapshots per block for every DEX pool</div>

        <div className="mt-3 flex items-center justify-between">
          <span className="text-xs text-gray-500">★ 32 · 2k rows</span>
          <span className="text-xs" style={{ color: '#5A86FF' }}>Preview ↗</span>
        </div>
      </a>

      <a href="https://huggingface.co/datasets/BlockDB/Swap-Fees-Ethereum-And-EVM-Cryptocurrency-Data" target="_blank" rel="noopener noreferrer" className="group relative p-4 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-blue-400/60 dark:hover:border-blue-500/40 bg-gray-50/50 dark:bg-white/[0.02] transition-all duration-300">
        <div className="absolute left-0 inset-y-0 w-[3px] rounded-l-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{ backgroundColor: '#5A86FF' }} />

        <div className="text-xs font-mono text-gray-400 dark:text-gray-600 mb-2 truncate">Swap-Fees</div>
        <div className="text-sm font-semibold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Swap Fees</div>
        <div className="mt-1 text-xs text-gray-600 dark:text-gray-400 line-clamp-2">Fee amount and recipient per swap, all fee tiers</div>

        <div className="mt-3 flex items-center justify-between">
          <span className="text-xs text-gray-500">★ 36 · 1k rows</span>
          <span className="text-xs" style={{ color: '#5A86FF' }}>Preview ↗</span>
        </div>
      </a>

      <a href="https://huggingface.co/datasets/BlockDB/ERC20-Tokens-Ethereum-And-EVM-Cryptocurrency-Data" target="_blank" rel="noopener noreferrer" className="group relative p-4 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-blue-400/60 dark:hover:border-blue-500/40 bg-gray-50/50 dark:bg-white/[0.02] transition-all duration-300">
        <div className="absolute left-0 inset-y-0 w-[3px] rounded-l-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{ backgroundColor: '#5A86FF' }} />

        <div className="text-xs font-mono text-gray-400 dark:text-gray-600 mb-2 truncate">ERC20-Tokens</div>
        <div className="text-sm font-semibold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">ERC-20 Tokens</div>
        <div className="mt-1 text-xs text-gray-600 dark:text-gray-400 line-clamp-2">Token metadata, supply and decimals across EVM chains</div>

        <div className="mt-3 flex items-center justify-between">
          <span className="text-xs text-gray-500">★ 41 · 1k rows</span>
          <span className="text-xs" style={{ color: '#5A86FF' }}>Preview ↗</span>
        </div>
      </a>
    </div>

    <a href="https://huggingface.co/BlockDB/datasets" target="_blank" rel="noopener noreferrer" className="mt-4 flex sm:hidden items-center gap-1 text-sm font-medium" style={{ color: '#5A86FF' }}>
      View all 15 datasets on Hugging Face →
    </a>
  </section>
</div>