---
title: Shopify Dev Docs
description: >-
  Learn how to build an app, theme, custom storefront, or marketplace. Whether
  you're just getting started, deep in the development process, or ready to
  distribute and monetize your work, Shopify's docs, dev tools and frameworks
  make building easy and efficient.
source_url:
  html: 'https://shopify.dev/docs'
  md: 'https://shopify.dev/docs.md'
---

# Shopify Dev Docs

Learn how to build an app, or customize your storefront. Whether you're just getting started, deep in the development process, or ready to distribute and monetize your work, Shopify's docs, dev tools and frameworks make building easy and efficient.

## Apps

Extend Shopify's core functionality with apps that integrate into Shopify's admin, online store, checkout and more.

[Build your first app](https://shopify.dev/docs/apps/build)

## Storefronts

Help merchants express their unique brand by building a custom theme or Hydrogen storefront.

[Build a storefront](https://shopify.dev/docs/storefronts)

## Agents

Build agentic shopping experiences powered by Shopify merchants, from product discovery to checkout.

[Build agents with UCP](https://shopify.dev/docs/agents)

## Build with the Shopify AI Toolkit

Connect your AI coding assistant to Shopify docs, API schemas, and Shopify CLI. Works with apps and storefronts. One install keeps your assistant accurate and up to date, so it builds correctly instead of guessing.

Before you install, make sure you have Node.js 18 or higher. For agent skills and the Dev MCP server, see the [Shopify AI Toolkit](https://shopify.dev/docs/apps/build/ai-toolkit) page.

#### Claude Code

In your terminal, run `claude plugin install`:

## Terminal

```terminal
claude plugin install shopify-ai-toolkit@claude-plugins-official
```

#### Codex

In your terminal, run `codex plugin add`:

## Terminal

```terminal
codex plugin add shopify@openai-curated
```

#### Antigravity CLI

In your terminal, install the Shopify plugin:

## Terminal

```terminal
agy plugin install https://github.com/Shopify/shopify-ai-toolkit
```

#### Cursor

In Cursor Chat, add the Shopify plugin:

## Cursor Chat

```terminal
/add-plugin shopify
```

#### Hermes

In your terminal, download the install script and run it:

## Terminal

```terminal
curl -fsSL https://raw.githubusercontent.com/Shopify/Shopify-AI-Toolkit/main/.hermes-plugin/install.sh -o /tmp/shopify-hermes-install.sh
bash /tmp/shopify-hermes-install.sh
```

#### OpenClaw

In your terminal, install the Shopify plugin from npm:

## Terminal

```terminal
openclaw plugins install npm:@shopify/ai-toolkit
```

#### Pi

In your terminal, install the package from npm:

## Terminal

```terminal
pi install npm:@shopify/ai-toolkit
```

#### VS Code

1. Ensure the [Agent plugins](https://code.visualstudio.com/docs/copilot/customization/agent-plugins) preview is enabled in your VS Code settings.

2. Open the Command Palette (`Cmd+Shift+P` on macOS, `Ctrl+Shift+P` on Windows/Linux) and run:

   ## VS Code: Command Palette

   Chat: Install Plugin From Source

3. When prompted, enter the repository URL:

   ## VS Code: Plugin source URL

   https://github.com/Shopify/shopify-ai-toolkit

***

## Accelerate development with Shopify CLI

Initialize new [apps](https://shopify.dev/docs/api/shopify-cli/app), [themes](https://shopify.dev/docs/api/shopify-cli/theme), and [headless storefronts](https://shopify.dev/docs/api/shopify-cli/hydrogen) in an instant with the latest Shopify CLI. A single command installs all the dependencies you need, including the CLI itself, so you can dive straight into development.

##### Apps

1. Install Shopify CLI globally.

2. Navigate to the directory where you want to create your app.

3. Run the second command to create a new app. Your app will be added as a new subdirectory.

##### Themes

1. Install Shopify CLI globally.

2. Navigate to the directory where you want to create your theme.

3. Run the second command to clone a Shopify starter theme that you can build on top of. Your theme will be created in a new subdirectory.

##### Headless storefronts

1. Install Shopify CLI globally.

2. Navigate to the directory where you want to create your Hydrogen storefront.

3. Run the second command to initialize a Hydrogen storefront in a new subdirectory.

## Initialize your app instance

```bash
shopify app init
```

## Initialize your theme instance

```bash
shopify theme init
```

## Initialize your storefront instance

```bash
shopify hydrogen init
```

## Install Shopify CLI

##### npm

```bash
npm i -g @shopify/cli@latest
```

##### yarn

```bash
yarn global add @shopify/cli@latest
```

##### pnpm

```bash
pnpm add -g @shopify/cli@latest
```

***

## Launch your app or theme

When you're ready, submit your app or custom theme so merchants can find, buy, and install it. Review the [App Store requirements](https://shopify.dev/docs/apps/store/requirements) and [Theme Store requirements](https://shopify.dev/docs/themes/store/requirements) before you submit.

[App Store\
\
](https://apps.shopify.com)

[Submit your app so merchants can find and buy it through search or personalized recommendations.](https://apps.shopify.com)

[Theme Store\
\
](https://themes.shopify.com)

[Promote and sell your custom theme to merchants building their brands.](https://themes.shopify.com)

![The Shopify App Store and Theme Store.](https://shopify.dev/assets/assets/images/docs/launch-banner-tablet-2x-B1ipneF8.png)

***

## Join a community of builders

Connect with other developers, stay on top of platform updates, and get answers to your questions across Shopify's developer channels.

[.dev Community\
\
](https://community.shopify.dev)

[Q\&A and advice from Shopify community experts](https://community.shopify.dev)

[@ShopifyDevs on X\
\
](https://twitter.com/shopifydevs)

[Product announcements, API updates, tips, and more](https://twitter.com/shopifydevs)

[Developer Changelog\
\
](https://shopify.dev/changelog)

[The latest Shopify ecosystem updates](https://shopify.dev/changelog)

[ShopifyDevs YouTube channel\
\
](https://www.youtube.com/c/shopifydevs)

[Tips and insights in dev and design](https://www.youtube.com/c/shopifydevs)

[Shopify Partners blog\
\
](https://www.shopify.com/partners/blog)

[Educational resources and product previews](https://www.shopify.com/partners/blog)

***