
[data-codex-explore-page="true"] #sidebar {
  display: none;
}

[data-codex-explore-page="true"] #content-area .mdx-content {
  height: 100%;
}

[data-codex-explore-page="true"] #content-area .leading-6.mt-14 {
  display: none;
}

[data-codex-explore-page="true"] #content-container {
  margin-left: 0;
}

[data-codex-explore-page="true"] #navbar-transition-maple {
  left: 0;
}



function updateExplorePageAttribute() {
  if (window.location.pathname.startsWith("/explore")) {
    document.body.dataset.codexExplorePage = "true"
  } else {
    document.body.dataset.codexExplorePage = "false"
  }
}

// Set initial state
updateExplorePageAttribute()

// Listen for back/forward navigation
window.addEventListener('popstate', updateExplorePageAttribute)

// Listen for programmatic navigation (client-side routing)
// This catches navigation that doesn't trigger popstate
let currentUrl = window.location.href
const observer = new MutationObserver(() => {
  if (currentUrl !== window.location.href) {
    currentUrl = window.location.href
    updateExplorePageAttribute()
  }
})

// Start observing
observer.observe(document.body, {
  childList: true,
  subtree: true
})

// Also check periodically as a fallback
setInterval(() => {
  if (currentUrl !== window.location.href) {
    currentUrl = window.location.href
    updateExplorePageAttribute()
  }
}, 100)

Build With Codex

Codex

Codex is the fastest, most reliable enhanced data api for DeFi data across 100+ networks

Intro to Codex

Get Started

Learn useful terminology and concepts for using the GraphQL API

GraphQL

Authentication

The basic building block of the Codex API

Queries

Use GraphQL subscriptions to get real-time updates

Subscriptions

Use your own HTTP endpoints to receive real-time updates

Webhooks

Find answers to commonly asked questions about Codex

Frequently Asked Questions

Explore all of the GraphQL queries, mutations, and types available in the Codex API

Option 1: SDK (recommended)	Option 2: GraphQL API
Thin wrapper around the API	More customizable depending on your use case
Designed to get you started on Codex quickly	Requires more configuration
Built-in websocket connection handling	More control over the connections
Predefined queries and mutations	Write your own queries
Good choice if you’re using Typescript	Good choice if you’re not using Typescript

First steps

Concepts

Resources

Build With Codex

Installation