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

# Developers

> Build with the Firmhouse API, Liquid templates, webhooks, and developer guides.

<div className="mx-auto max-w-5xl px-6 py-16 lg:py-24">
  <div className="max-w-3xl">
    <p className="mb-4 text-sm font-semibold uppercase tracking-normal text-[#2454FF] dark:text-[#8ac3e9]">
      Developers
    </p>

    <h1 className="m-0 text-4xl font-semibold tracking-normal text-gray-950 dark:text-white md:text-5xl">
      Build with Firmhouse
    </h1>

    <p className="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-300">
      Welcome to the new Firmhouse developer documentation. We are moving developer-focused content into this documentation site. Use this section for new developer guides while we build out the new developer documentation experience.
    </p>
  </div>

  <div className="mt-8">
    <Info>
      The main Firmhouse developer documentation is still available on [developer.firmhouse.com](https://developer.firmhouse.com). Use the links below to open the current GraphQL API, API reference, Liquid, email template, and webhook documentation while content is being moved over.
    </Info>
  </div>

  <div className="mt-10">
    <Columns cols={2}>
      <Card title="GraphQL API" icon="diagram-project" href="https://developer.firmhouse.com/graphql-api/introduction" cta="Open GraphQL introduction">
        Learn how to use the Firmhouse GraphQL API for backend integrations, headless storefronts, custom checkout flows, and customer self-service experiences.
      </Card>

      <Card title="API Reference" icon="code" href="https://developer.firmhouse.com/graphql-api/api-reference" cta="Open API Reference">
        Deep-link into GraphQL objects, queries, mutations, input types, and payloads for building custom Firmhouse integrations.
      </Card>

      <Card title="Liquid" icon="brackets-curly" href="https://developer.firmhouse.com/liquid/introduction" cta="Open Liquid docs">
        Learn how Firmhouse uses Liquid to customize checkout, Self Service Center, webhooks, and customer-facing content.
      </Card>

      <Card title="Email templates" icon="envelope" href="https://developer.firmhouse.com/liquid/email-template-overview" cta="Open email template docs">
        Find the available email template types and the Liquid objects you can use in each customer email.
      </Card>

      <Card title="Webhooks" icon="webhook" href="https://developer.firmhouse.com/webhooks/overview" cta="Open webhooks docs">
        Receive event notifications from Firmhouse in your own systems and connect subscription activity to external workflows.
      </Card>

      <Card title="Guides" icon="lightbulb-on" href="/developers/guides" cta="Browse guides">
        Browse practical examples for building Firmhouse integrations and customer-facing developer workflows.
      </Card>
    </Columns>
  </div>

  <p className="mt-10 text-base leading-7 text-gray-600 dark:text-gray-300">
    We will keep adding new guides here and move more developer content into this site over time. Browse the [developer guides](/developers/guides) as this collection grows.
  </p>
</div>