Explore Shopify’s API reference and templating documentation. Shopify provides a range of software tools, app templates, example apps, and libraries to accelerate your development process.

Check out your options to see which one is right for you.

## Build apps

Extend Shopify’s core functionality by building apps that integrate into Shopify’s admin, online store, checkout and more.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/api/admin-graphql" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/graphql"
     data-alt-src="/assets/resource-cards/graphql-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      GraphQL Admin API
    </h3>
    <p class="resource-card__description">The GraphQL API lets you build apps and integrations that extend and enhance the Shopify admin. It provides data on products, customers, orders, inventory, fulfillment, and more.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/partner" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/platform"
     data-alt-src="/assets/resource-cards/platform-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Partner API
    </h3>
    <p class="resource-card__description">Scale your business with the  Partner API. When you use the Partner API, you can access the data found in your Partner Dashboard to automate front and back-office operations.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/app-bridge" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/app"
     data-alt-src="/assets/resource-cards/app-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      App Bridge
    </h3>
    <p class="resource-card__description">Use App Bridge to build embedded apps integrated with the Shopify admin.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/shopify-app-remix" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/app"
     data-alt-src="/assets/resource-cards/app-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Remix app package
    </h3>
    <p class="resource-card__description">Build your app&#39;s web experiences with Remix, integrate with Shopify APIs, and embed into the Shopify admin.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/payments-apps" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/ruby"
     data-alt-src="/assets/resource-cards/ruby-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Payments Apps API
    </h3>
    <p class="resource-card__description">Use the Payments Apps API to manage user account data including payments, refunds, and more.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/functions" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/cli"
     data-alt-src="/assets/resource-cards/cli-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Shopify Function APIs
    </h3>
    <p class="resource-card__description">Use Shopify Function APIs to customize the backend logic that powers parts of Shopify.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/webhooks" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/webhooks"
     data-alt-src="/assets/resource-cards/webhooks-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Webhooks
    </h3>
    <p class="resource-card__description">Use webhooks to keep apps in sync with Shopify data or to perform an action after a specific event occurs in a shop. Webhooks are a performant alternative to continuously polling APIs.</p>
  </a>
</div>
</div>


### Component libraries, references, and app extensions

Explore the available component libraries and references for building apps. Seamlessly add your app’s functionality to Shopify user interfaces using app extensions.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/api/discounts" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/blocks"
     data-alt-src="/assets/resource-cards/blocks-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Discounts
    </h3>
    <p class="resource-card__description">Use Shopify&#39;s discount React library to build a discount form page.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/shopifyql" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/tool"
     data-alt-src="/assets/resource-cards/tool-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      ShopifyQL
    </h3>
    <p class="resource-card__description">Use ShopifyQL to write analytical queries and find insights in user store data.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/admin-extensions" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/app"
     data-alt-src="/assets/resource-cards/app-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Admin UI extensions
    </h3>
    <p class="resource-card__description">Use Admin UI extensions to create a deeper integration into the Shopify admin.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/product-subscription-extensions" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/growth"
     data-alt-src="/assets/resource-cards/growth-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Product subscription app extensions
    </h3>
    <p class="resource-card__description">Use Product subscriptions extensions to help merchants manage selling plans in the Shopify admin.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/checkout-extensions" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/storefront"
     data-alt-src="/assets/resource-cards/storefront-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Checkout app extensions
    </h3>
    <p class="resource-card__description">Use checkout app extensions to extend your app code into checkout and customize many aspects of the checkout experience.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/pos-extensions" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/app"
     data-alt-src="/assets/resource-cards/app-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Shopify POS app extensions
    </h3>
    <p class="resource-card__description">Use Shopify POS app extensions to build custom POS UI Extensions, loyalty programs and discounts in Point of Sale shopping carts, as well as product recommendations.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/pixels" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/hearts"
     data-alt-src="/assets/resource-cards/hearts-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Web pixel app extensions
    </h3>
    <p class="resource-card__description">Use web pixel app extensions to collect behavioral data for marketing campaign optimization and analytics.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/marketing-activities" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/heart"
     data-alt-src="/assets/resource-cards/heart-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Marketing activities app extensions
    </h3>
    <p class="resource-card__description">Use marketing activities app extensions to enable users to manage promotional campaigns and marketing automations from the Marketing page in the Shopify admin.</p>
  </a>
</div>
</div>


## Build custom storefronts

Build commerce experiences and branded custom storefronts using the Storefront API and Hydrogen.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/api/storefront" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/graphql"
     data-alt-src="/assets/resource-cards/graphql-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Storefront API
    </h3>
    <p class="resource-card__description">Build custom shopping experiences for any platform. Render product and inventory details and initiate checkouts from any surface, such as web, mobile, gaming, and more.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/customer" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/graphql"
     data-alt-src="/assets/resource-cards/graphql-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Customer Account API
    </h3>
    <p class="resource-card__description">Securely manage and personalize customer data such as orders, payments, discounts, refunds, and more, with a single sign-on experience across multiple surfaces.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/hydrogen" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/hydrogen"
     data-alt-src="/assets/resource-cards/hydrogen-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Hydrogen and Oxygen
    </h3>
    <p class="resource-card__description">Use Shopify’s recommended full-stack solution for building headless commerce experiences, with off-the-shelf components, hooks, utilities, and hosting built in.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/hydrogen-react" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/blocks"
     data-alt-src="/assets/resource-cards/blocks-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Hydrogen React
    </h3>
    <p class="resource-card__description">Explore an unopinionated and performant library of Shopify-specific React components, reusable functions, and utilities for interacting with the Storefront API.</p>
  </a>
</div>
</div>


## Build themes

Help users express their unique brand in their storefront by building a custom theme.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/api/liquid" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/theme"
     data-alt-src="/assets/resource-cards/theme-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Liquid
    </h3>
    <p class="resource-card__description">Use Liquid to build or customize Shopify themes using the Liquid template language.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/ajax" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/installation"
     data-alt-src="/assets/resource-cards/installation-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Ajax API
    </h3>
    <p class="resource-card__description">Use the Ajax API to add dynamic elements to Shopify online stores with a lightweight JSON API for product data, recommendations, and shopping cart management.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/ajax/section-rendering" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/tool"
     data-alt-src="/assets/resource-cards/tool-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Section Rendering API
    </h3>
    <p class="resource-card__description">Use the Section Rendering API to update page content by fetching only partial elements of a page instead of reloading it entirely.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="/docs/api/customer-privacy" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/star"
     data-alt-src="/assets/resource-cards/star-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Customer Privacy API
    </h3>
    <p class="resource-card__description">Use the Customer Privacy API to integrate buyer consent and opt-outs.</p>
  </a>
</div>
</div>


## API exploration

Start exploring Shopify's GraphQL Admin and Storefront APIs on a demo shop.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/api/usage/api-exploration/admin-graphiql-explorer" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/graphql"
     data-alt-src="/assets/resource-cards/graphql-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Admin API GraphiQL explorer
    </h3>
    <p class="resource-card__description">Use the interactive GraphiQL explorer for the Admin API.</p>
  </a>
</div>

<div>
  <a class="resource-card" href="/docs/api/usage/api-exploration/storefront-graphiql-explorer" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/storefront"
     data-alt-src="/assets/resource-cards/storefront-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Storefront API GraphiQL explorer
    </h3>
    <p class="resource-card__description">Use the interactive GraphiQL explorer for the Storefront API.</p>
  </a>
</div>

</div>


## AI-powered API assistance

Use AI tools to accelerate your API development workflow, with features like GraphQL generation, REST conversion, and contextual chat assistance. Trained on Shopify data for high accuracy.

<!-- For .dev assistant links, conditional logic is required to get the relative link so we can open the assistant in the context of the page where the link was clicked. Otherwise, if we use the general path https://shopify.dev?assistant=1, the assistant takes you to the main page and opens there. -->




  <div class="resource-card-grid">
  <div>
  <a class="resource-card" href="/docs/api?assistant=1" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/scintillating"
     data-alt-src="/assets/resource-cards/scintillating-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      .dev Assistant
    </h3>
    <p class="resource-card__description">Generate GraphQL operations, convert REST requests to GraphQL operations, and get interactive help with Shopify&#39;s AI-powered assistant.</p>
  </a>
</div>
</div>









## API libraries

Shopify provides several official libraries for interacting with the [GraphQL Admin API](/docs/api/admin-graphql). Members of the Shopify developer community have created similar libraries covering other languages and technology stacks.

### Official Shopify Admin API libraries

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="https://github.com/Shopify/shopify-api-ruby" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/ruby_api"
     data-alt-src="/assets/resource-cards/ruby_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Shopify/shopify-api-ruby
    </h3>
    <p class="resource-card__description">Shopify’s official Ruby gem for interacting with the Admin API</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/Shopify/shopify_app" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/ruby_api"
     data-alt-src="/assets/resource-cards/ruby_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Shopify/shopify_app
    </h3>
    <p class="resource-card__description">A Rails engine for building Shopify Apps</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/Shopify/shopify-app-js/tree/main/packages/apps/shopify-api" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/node_api"
     data-alt-src="/assets/resource-cards/node_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Shopify/shopify-api
    </h3>
    <p class="resource-card__description">Shopify’s official Node library for interacting with the Storefront and Admin APIs, handling OAuth, webhooks, and billing</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/Shopify/shopify-app-js/tree/main/packages/api-clients/admin-api-client" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/node_api"
     data-alt-src="/assets/resource-cards/node_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Shopify/admin-api-client
    </h3>
    <p class="resource-card__description">Shopify’s official lightweight Node library for interacting with the Admin API</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/Shopify/shopify-api-php" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/php_api"
     data-alt-src="/assets/resource-cards/php_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Shopify/shopify-api-php
    </h3>
    <p class="resource-card__description">Shopify’s official PHP library for interacting with the Admin API</p>
  </a>
</div>
</div>


### Third-party Admin API libraries

> Tip:
> These libraries are created and maintained by members of the Shopify community. They aren’t official Shopify API libraries.

#### Node

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="https://github.com/MONEI/Shopify-api-node" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/node_api"
     data-alt-src="/assets/resource-cards/node_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Shopify-api-node
    </h3>
    <p class="resource-card__description">Node Shopify connector</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/christophergregory/shopify-node-api" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/node_api"
     data-alt-src="/assets/resource-cards/node_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      shopify-node-api
    </h3>
    <p class="resource-card__description">OAuth2 Module for Shopify API</p>
  </a>
</div>
</div>


#### PHP

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="https://github.com/phpclassic/php-shopify" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/php_api"
     data-alt-src="/assets/resource-cards/php_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      php-shopify
    </h3>
    <p class="resource-card__description">PHP SDK for Shopify API</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/robwittman/shopify-php-sdk" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/php_api"
     data-alt-src="/assets/resource-cards/php_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      shopify-php-sdk
    </h3>
    <p class="resource-card__description">PHP SDK for development with the Shopify API</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/ohmybrew/Basic-Shopify-API" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/php_api"
     data-alt-src="/assets/resource-cards/php_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Basic-Shopify-API
    </h3>
    <p class="resource-card__description">A simple, tested, API wrapper for Shopify using Guzzle for GraphQL</p>
  </a>
</div>
</div>


#### Go

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="https://github.com/bold-commerce/go-shopify" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/go"
     data-alt-src="/assets/resource-cards/go-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      go-shopify
    </h3>
    <p class="resource-card__description">A Go library that helps developers easily authenticate with and manage Shopify stores.</p>
  </a>
</div>
</div>


#### .NET

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="https://github.com/nozzlegear/ShopifySharp" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/dotnet"
     data-alt-src="/assets/resource-cards/dotnet-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      ShopifySharp
    </h3>
    <p class="resource-card__description">A .NET core library that helps developers easily authenticate with and manage Shopify stores.</p>
  </a>
</div>
</div>


## App templates

The following templates can help you start your Shopify app development.

When you scaffold an app using [Shopify CLI](/docs/apps/build/cli-for-apps), you can specify the template that you want to use with the `--flavor` flag. Enter `remix`, `node`, `ruby`, or `php` to use one of our app templates, or use a third-party template by providing a path to a GitHub repository for the template.

Shopify recommends using the Remix template for most apps.

You can also build an extension-only app, which is an app that contains no [app home](/docs/apps/build/admin), and uses the extension-only template. To create an extension-only app, select **Build an extension-only app** when you create your app. [Learn more about extension-only apps](/docs/apps/build/app-extensions/build-extension-only-app).

To learn more about building using the template, and deploying apps built using the template, review the readme in the template repository.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="https://github.com/Shopify/shopify-app-template-remix" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/remix"
     data-alt-src="/assets/resource-cards/remix-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Remix app template
    </h3>
    <p class="resource-card__description">An app template that uses Remix.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/Shopify/shopify-app-template-none" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/app"
     data-alt-src="/assets/resource-cards/app-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Extension-only app template
    </h3>
    <p class="resource-card__description">An app template for building extension-only apps.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/Shopify/shopify-app-template-node" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/express"
     data-alt-src="/assets/resource-cards/express-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Express app template
    </h3>
    <p class="resource-card__description">An app template that uses Express, Node.js, and React.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/Shopify/shopify-app-template-ruby" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/ruby_api"
     data-alt-src="/assets/resource-cards/ruby_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Ruby app template
    </h3>
    <p class="resource-card__description">An app template in Ruby and React.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://github.com/Shopify/shopify-app-template-php" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/php_api"
     data-alt-src="/assets/resource-cards/php_api-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      PHP app template
    </h3>
    <p class="resource-card__description">An app template in PHP.</p>
  </a>
</div>
</div>


## Sample apps

The following examples can help you with your app.

- **[Shopify QR Code app](https://github.com/Shopify/shopify-app-examples/tree/main/qr-code/node)**: An example app based on the  Node app template. The app, inspired by [Shopcodes](https://apps.shopify.com/shopcodes), implements basic QR code generation for products and discounts.
- **[Storefront API apps](https://github.com/Shopify/storefront-api-examples)**: A series of example apps that demonstrate how to use the Storefront API. The examples are built and maintained by community members.