shopify-apps

# Shopify App Development Skill For building Shopify apps using Remix, the Shopify App framework, and checkout UI extensions. **Sources:** [Shopify Dev Docs](https://shopify.dev/docs/apps) | [Shopify CLI](https://shopify.dev/docs/apps/tools/cli) | [Admin API](https://shopify.dev/docs/api/admin-graphql) --- ## Prerequisites ### Required Accounts & Tools ```bash # 1. Shopify Partner Account (free) # Sign up at: https://partners.shopify.com # 2. Development Store # Create in Partner Dashboard → Stores → Add store → Development store # 3. Shopify CLI npm install -g @shopify/cli # 4. Node.js 18.20+ or 20.10+ node --version ``` ### Partner Dashboard Setup 1. Create Partner account at partners.shopify.com 2. Create a development store for testing 3. Create an app in Partner Dashboard → Apps → Create app 4. Note your API key and API secret --- ## Quick Start ### Scaffold New App ```bash # Create new Shopify app with Remix shopify app init # Answer prompts: # - App name # - Template: Remix (recommended) # - Language: JavaScript or TypeScript # Start development cd your-app-name shopify app dev ``` ### Project Structure ``` shopify-app/ ├── app/ │ ├── routes/ │ │ ├── app._index/ # Main app page │ │ │ └── route.jsx │ │ ├── app.jsx # App layout with Polaris │ │ ├── auth.$.jsx # Auth catch-all │ │ ├── auth.login/ # Login page │ │ │ └── route.jsx │ │ ├── webhooks.app.uninstalled.jsx │ │ ├── w...