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

# Developers overview

> Overview of Layers developer tools, including REST APIs, the JavaScript SDK, Liquid integration, and MCP servers for AI assistants.

The Layers developer hub contains everything you need to integrate Layers into your commerce applications, from SDKs to AI-powered features.

## Developer resources

<CardGroup cols={2}>
  <Card title="Theme implementation checklist" icon="list-check" href="/developers/theme-implementation-checklist">
    Step-by-step plan for shipping a Layers integration in a Shopify theme — app embed, search, browse, blocks, banners, QA, and go-live.
  </Card>

  <Card title="What the app embed handles" icon="plug" href="/developers/app-embed">
    Reference for what the Layers theme app extension and the SDK manage automatically, so your theme code can focus on UI.
  </Card>

  <Card title="SDK Reference" icon="code" href="/sdk/overview">
    ES module SDK for Shopify storefronts with reactive state management and built-in caching.
  </Card>

  <Card title="MCP Servers" icon="robot" href="/developers/mcp-servers">
    Connect AI assistants to manage stores and query storefronts through Model Context Protocol.
  </Card>

  <Card title="AI Enablement" icon="sparkles" href="/platform/ai-enablement">
    Access Layers documentation through AI-friendly formats including llms.txt, markdown URLs, and MCP.
  </Card>
</CardGroup>

## Getting started

Whether you're building a custom storefront or enhancing an existing one, Layers provides the tools you need:

### SDK integration

The Layers SDK provides full access to the APIs with reactive state management and optional Shopify Storefront API enrichment. Perfect for building rich, interactive commerce experiences.

```typescript theme={null}
import { createSdk } from '@commerce-blocks/sdk'

const result = createSdk({
  layersPublicToken: 'your-layers-token',
  sorts: [
    { label: 'Featured', code: 'featured' },
    { label: 'Price: Low to High', code: 'price_asc' },
  ],
  facets: ['options.color', 'options.size', 'vendor'],
})

if (result.error) {
  console.error('SDK init failed:', result.error.message)
} else {
  const sdk = result.data
  // Ready to use
}
```

### AI-assisted development

Layers AI enablement provides tools to help you build integrations faster using AI assistants. Access the documentation through an MCP server, llms.txt, and markdown/text formats optimized for AI tools.

## Core capabilities

* **SDK Integration** - ES module SDK with reactive state management and Shopify enrichment
* **AI-Assisted Development** - MCP server and AI-friendly documentation formats for faster integration
* **Search & Discovery** - Product search with autocomplete and predictive suggestions
* **Collection Merchandising** - Browse and filter products within merchandised collections
* **Product Recommendations** - Blocks API for personalized recommendations based on behavioral data and similarity
* **Reactive State** - Built-in Preact Signals integration for automatic UI updates

## Next steps

<CardGroup cols={2}>
  <Card title="Install the SDK" icon="download" href="/sdk/installation">
    Get started with the Layers SDK in your project.
  </Card>

  <Card title="SDK API Reference" icon="book" href="/sdk/api-reference">
    Explore the complete SDK API documentation.
  </Card>

  <Card title="API Reference" icon="book" href="/sdk/api-reference">
    Retrieve personalized product recommendations using the Blocks REST API.
  </Card>

  <Card title="AI Enablement" icon="sparkles" href="/platform/ai-enablement">
    Learn how to enable AI-powered features.
  </Card>

  <Card title="Error Handling" icon="triangle-exclamation" href="/sdk/error-handling">
    Handle errors gracefully with the Result pattern.
  </Card>
</CardGroup>