shopify-apps

# Shopify Apps Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling, GraphQL Admin API, Polaris components, billing, and app extensions. ## Patterns ### React Router App Setup Modern Shopify app template with React Router **When to use**: Starting a new Shopify app ### Template # Create new Shopify app with CLI npm init @shopify/app@latest my-shopify-app # Project structure # my-shopify-app/ # ├── app/ # │ ├── routes/ # │ │ ├── app._index.tsx # Main app page # │ │ ├── app.tsx # App layout with providers # │ │ ├── auth.$.tsx # Auth callback # │ │ └── webhooks.tsx # Webhook handler # │ ├── shopify.server.ts # Server configuration # │ └── root.tsx # Root layout # ├── extensions/ # App extensions # ├── shopify.app.toml # App configuration # └── package.json // shopify.app.toml name = "my-shopify-app" client_id = "your-client-id" application_url = "https://your-app.example.com" [access_scopes] scopes = "read_products,write_products,read_orders" [webhooks] api_version = "2024-10" [webhooks.subscriptions] topics = ["orders/create", "products/update"] uri = "/webhooks" [auth] redirect_urls = ["https://your-app.example.com/auth/callback"] // app/shopify.server.ts import "@shopify/shopify-app-remix/adapters/node"; import { LATEST_API_VERSION, shopifyApp, DeliveryMethod, } from...