home.mdx

mode
custom

import { Button } from '/snippets/button.mdx'; import { IntroCard } from '/snippets/card.mdx'; export function openSearch() { document.getElementById('search-bar-entry').click(); }

Welcome to Chainstack

</h1>
<p className="mt-2 text-white flex flex-col" style={{fontWeight: 600}}>
  Unlock your Web3 potential with Chainstack guides, recipes, and API docs.
  <p>
    BUIDL on 30+ chains with ease.
  </p>
</p>
<div className="flex flex-col items-center justify-center">
  <div className="flex items-center justify-center" style={{ width: '100%' }}>
    <button
      type="button"
      className="hidden w-full lg:flex items-center text-sm leading-6 rounded-full py-2 pl-3 pr-3 shadow-sm text-gray-500 bg-white"
      id="home-search-entry"
      style={{
        marginTop: '2rem',
        maxWidth: '100rem',
        width: '90%',
        margin: '2rem auto 0'
      }}
      onClick={openSearch}
    >
      <svg
        className="h-4 w-4 ml-1.5 flex-none bg-primary hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-white/70"
        style={{
          marginRight: '0.5rem',
          maskImage:
            'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
          maskRepeat: 'no-repeat',
          maskPosition: 'center center',
        }}
      />
      Search or ask...
    </button>
  </div>
  <div style={{ maxWidth: '650px', margin: '0 auto', marginTop: '2rem' }}>
    <div className="flex items-center justify-center gap-3 mt-3">
      <IntroCard icon="code" title="Ethereum Tooling" href="/docs/ethereum-tooling" />
      <IntroCard icon="code" title="BNB Tooling" href="/docs/bsc-tooling" />
      <IntroCard icon="book-open" title="Web3 guides" href="/docs/web3-decoded-introduction" />

    </div>
  </div>
  <div style={{ maxWidth: '650px', margin: '0 auto', marginTop: '1rem' }}>
    <div className="flex items-center justify-center gap-3">
      <IntroCard icon="bug" title="Debug & Trace API" href="/docs/debug-and-trace-apis" />
      <IntroCard icon="server" title="Blockchain API" href="/api-reference/blockchain-apis" />
    </div>
  </div>
</div>

Use RPC methods to interact with your blockchain node programmatically Start unleashing the power of your blockchain node with popular developer tools Learn how to index and query data from blockchains and use them in your DApp BUIDL your DApp with our developer tutorials: from newbie to pro Step-by-step code walkthroughs for the most popular API use cases Introduction to the Chainstack platform for instant kick-off