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

# Quickstart

> Get your first screenshot in 30 seconds

## Get your first screenshot in 30 seconds

<Steps>
  <Step title="Get your API key">
    Go to the [Dashboard](https://domshot.dev/dashboard) and sign up for an account. You'll get 100 free credits every month.

    Once logged in, navigate to the API Keys section and copy your API key.

    <Warning>
      Never expose your API key in client-side code or public repositories.
    </Warning>
  </Step>

  <Step title="Make your first request">
    All API requests require authentication using the `key` query parameter.

    ```bash theme={null}
    curl "https://api.domshot.com/shot?key=YOUR_API_KEY&url=https://example.com" \
      --output screenshot.png
    ```

    The API returns binary image data. Save it to a file or process it directly in your application.
  </Step>

  <Step title="Customize your screenshot">
    Add parameters to customize the output:

    ```bash theme={null}
    curl "https://api.domshot.com/shot?key=YOUR_API_KEY&url=https://example.com&viewportType=mobile&format=jpeg" \
      --output screenshot.jpg
    ```

    Common parameters:

    * `viewportType` - mobile, tablet, or desktop (default: desktop)
    * `format` - png, jpeg, or webp (default: png)
    * `fullPage` - capture entire page (default: false)
    * `quality` - image quality from 1-100 (default: 100)
  </Step>
</Steps>

## Security best practices

* Never expose your API key in client-side code
* Use environment variables to store API keys
* Rotate your API keys regularly
* Revoke unused API keys immediately

## What's next?

<CardGroup cols={2}>
  <Card title="Screenshot Options" icon="image" href="/guides/screenshots/viewports">
    Viewports, formats, and more
  </Card>

  <Card title="API Reference" icon="code" href="/api-reference/endpoints/shot">
    Full parameter documentation
  </Card>

  <Card title="Core Concepts" icon="book" href="/guides/core/credits">
    How credits work
  </Card>

  <Card title="Error Codes" icon="alert" href="/api-reference/errors">
    Troubleshooting errors
  </Card>
</CardGroup>