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

# How to generate an API key

## **Step 1**: Go to the [API key page](https://app.ormilabs.com/dashboard/api) to generate an API key

<Frame>
  <img src="https://mintcdn.com/ormilabs/QF_fmnEzWAEcNv02/images/0xgraph-api-key.png?fit=max&auto=format&n=QF_fmnEzWAEcNv02&q=85&s=ac4ade1e29e7be09629130b131f3dd1b" alt="0xGraph API Keys" width="1878" height="784" data-path="images/0xgraph-api-key.png" />

  <figcaption>API Keys</figcaption>
</Frame>

## **Step 2**: Click on 'Create API Key' to generate an API key.

<Frame>
  <img src="https://mintcdn.com/ormilabs/QF_fmnEzWAEcNv02/images/0xgraph-generated-api-key.png?fit=max&auto=format&n=QF_fmnEzWAEcNv02&q=85&s=27378c8be18ab8c673ad359d766c74b9" alt="0xGraph API Keys" width="1905" height="850" data-path="images/0xgraph-generated-api-key.png" />

  <figcaption>API Keys</figcaption>
</Frame>

After generating an API key, you can then copy and paste it into your commands as needed.

<Info>
  Warning: Always handle your API keys securely. Do not expose them in client-side code or share them publicly. Store them in a secure location, such as
  environment variables, and rotate them regularly to minimize security risks. If compromised, regenerate your API key immediately. For public repositories,
  store API keys in a .env file and add .env to .gitignore to prevent accidental exposure in your codebase.
</Info>

## Next steps

<div
  className="grid grid-cols-1 md:grid-cols-2 gap-6 not-prose"
  style={{
marginBottom: '4rem',
maxWidth: '1200px',
margin: '0 auto 4rem auto',
alignItems: 'stretch'
}}
>
  <a
    href="/docs/subgraphs/overview#new-to-subgraphs%3F"
    style={{
textDecoration: 'none',
color: 'inherit',
display: 'block',
height: '100%'
}}
  >
    <div
      className="group border border-gray-200 rounded-xl hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer"
      style={{
  padding: '1.25rem 1.5rem',
  height: '100%',
  display: 'flex',
  flexDirection: 'column'
}}
    >
      <div style={{ display: 'flex', alignItems: 'center', marginBottom: '0.5rem' }}>
        <div style={{ color: '#3E744D', marginRight: '0.75rem' }}>
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
            <path d="m6 17 5-5-5-5" />

            <path d="m13 17 5-5-5-5" />
          </svg>
        </div>

        <div className="text-lg font-semibold text-gray-900" role="heading" aria-level="3">
          Start here
        </div>
      </div>

      <p className="text-gray-600 text-sm" style={{ margin: 0, lineHeight: '1.4' }}>
        New to subgraphs? Learn the basics of indexing and querying before you deploy your first one.
      </p>
    </div>
  </a>

  <a
    href="/docs/subgraphs/quickstart"
    style={{
textDecoration: 'none',
color: 'inherit',
display: 'block',
height: '100%'
}}
  >
    <div
      className="group border border-gray-200 rounded-xl hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer"
      style={{
  padding: '1.25rem 1.5rem',
  height: '100%',
  display: 'flex',
  flexDirection: 'column'
}}
    >
      <div style={{ display: 'flex', alignItems: 'center', marginBottom: '0.5rem' }}>
        <div style={{ color: '#3E744D', marginRight: '0.75rem' }}>
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
            <path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" />
          </svg>
        </div>

        <div className="text-lg font-semibold text-gray-900" role="heading" aria-level="3">
          Quickstart
        </div>
      </div>

      <p className="text-gray-600 text-sm" style={{ margin: 0, lineHeight: '1.4' }}>
        Deploy and query your first subgraph with Ormi in minutes.
      </p>
    </div>
  </a>
</div>