saleor-app
Universal Saleor app development patterns. Covers the app protocol (manifest, registration, webhooks, authentication), payment processing, SDK abstractions, settings persistence, and Dashboard integration. Framework-agnostic with Next.js examples.
By saleor · 408 installs
npx skills add saleor/agent-skills --skill saleor-app
Source repository · Upstream listing
Saleor App
Guide for building apps that extend Saleor via webhooks and the GraphQL API.
Framework agnostic protocol documentation with Next.js examples using @saleor/app sdk .
When to Apply
Defining an app manifest or registering webhooks
Handling async/sync webhook events from Saleor
Building payment apps with the Transaction API and provider webhooks
Authenticating requests (registration handshake, JWT, signature verification)
Storing app settings in Saleor metadata
Building Dashboard UI inside the iframe
Making GraphQL calls with app tokens
Debugging webhook failures, auth errors, or permission issues
Deciding who can view the app and what they should see (user vs app scope)
Rule Categories by Priority
Priority Category Impact Prefix
1 Protocol CRITICAL protocol
2 Permissions CRITICAL permissions
3 Payment Apps CRITICAL payment
4 Webhooks HIGH webhook
5 Data & Settings HIGH data
6 Dashboard UI MEDIUM dashboard
7 Development MEDIUM dev
Quick Reference
1. Protocol (CRITICAL)
protocol manifest — App manifest, required endpoints, permissions, extensions
protocol auth — Registration handshake, APL, token scopes, JWT/signature verification
2. Permissions (CRITICAL)
permissions access scopes — Define per feature permissions; guard user JWT on every API route; baseline + per route meta; UI mirrors server
3. Payment Apps (CRITICAL)
payment app — Financial truth, stable references, unknown outcomes, refunds, and reconciliation
4. Webhooks (HIGH)
webhook async — Async event handling, payload typing, retry policy, signature verification
webhook sync — Sync event handling, response schemas, performance constraints
webhook external — Receiving webhooks from external services, multi tenant routing
5. Data & Settings (HIGH)
data graphql — GraphQL from apps: client setup, auth headers, codegen, app vs user tokens
data settings — MetadataManager, EncryptedMetadataManager, domain scoped persistence
6. Dashboard UI (MEDIUM)
dashboard appbridge — AppBridge iframe protocol, actions, events, theme/locale sync
7. Development (MEDIUM)
dev debug — Common errors, webhook dry runs, tunnel setup, debugging checklist