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

# Quickstart

> Start building Shopify extensions in under 5 minutes

## Setup your account

Sign up at [synapsebuilder.org](https://synapsebuilder.org) and connect your Shopify partner account.

## Generate your first extension

<Steps>
  <Step title="Describe what you want">
    Write a prompt describing your extension:

    ```
    Create a checkout extension that shows estimated delivery dates
    ```
  </Step>

  <Step title="AI generates code">
    Synapse generates production-ready React/TypeScript code
  </Step>

  <Step title="Validation">
    MCP validates against official Shopify schemas
  </Step>

  <Step title="Deploy">
    One-click deployment to your Shopify dev store
  </Step>

  <Step title="Edit (Optional)">
    Click "Edit in Codespace" to customize in a full development environment - no setup required!
  </Step>
</Steps>

## Next Steps

<CardGroup cols={2}>
  <Card title="Edit with Codespaces" icon="code" href="/essentials/codespaces">
    Customize your extensions in VS Code (browser)
  </Card>

  <Card title="Learn about Extensions" icon="palette" href="/essentials/extensions">
    Deep dive into UI extensions
  </Card>

  <Card title="Build Functions" icon="function" href="/essentials/functions">
    Create discount and payment functions
  </Card>
</CardGroup>