saleor-development

Build Saleor apps with webhook handlers and dashboard extensions.

14|3|Updated Mar 22, 2026
One-click install
npx skills add https://github.com/tomtoto757/ecomm-ai-skills-hub --skill saleor-development-tomtoto757
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: saleor-development
Source: https://github.com/tomtoto757/ecomm-ai-skills-hub/tree/main/skills/platform-integrations-infrastructure/finsilabs/headless-modern/saleor-development
Command: npx skills add https://github.com/tomtoto757/ecomm-ai-skills-hub --skill saleor-development-tomtoto757

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a clear, practical guide for building and extending a Saleor headless commerce backend, removing friction around app registration, secure webhook handling, and embedding custom UI into the Saleor dashboard so teams can automate order workflows and integrate external systems.

Core Features & Use Cases

  • GraphQL Storefront & Admin Queries: Patterns and examples for querying Saleor's typed GraphQL API and paging large product catalogs.
  • Saleor App Bootstrap: Steps to create and register a Saleor App manifest, exchange tokens, and persist credentials.
  • Secure Webhooks & Handlers: Guidance on using subscription-based webhook payloads and verifying HMAC signatures with SaleorAsyncWebhook to safely process ORDER_CREATED events.
  • Dashboard Extensions: How to declare iframe-based dashboard extensions and use the app-bridge to show notifications and trigger integrations (ERP, WMS, fulfillment).
  • Use Case: Receive ORDER_CREATED webhooks, validate signatures, and forward normalized order data to an ERP or fulfillment pipeline while offering a dashboard panel to trigger manual syncs.

Quick Start

Create a Saleor app that registers a manifest, handles ORDER_CREATED webhooks with HMAC verification, and exposes a dashboard extension to sync products with an external system.

Frequently Asked Questions about saleor-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I verify HMAC signatures for Saleor webhooks?

Verify HMAC signatures for Saleor webhooks by using the SaleorAsyncWebhook handler to securely process payload data and validate incoming ORDER_CREATED events before forwarding them to external pipelines.

How do I build a dashboard extension for a Saleor app?

Build a Saleor dashboard extension by declaring an iframe-based UI and utilizing the app-bridge to display notifications and trigger external integrations directly within the Saleor management dashboard.

How do I register a Saleor app manifest and exchange tokens?

Register a Saleor app by creating its manifest, exchanging authorization tokens during installation, and securely persisting credentials to enable channel-scoped GraphQL queries and background order processing.

Do I need TypeScript and Docker to develop Saleor apps locally?

You need TypeScript for GraphQL codegen-friendly app development and an environment-driven local Docker setup to run the headless commerce backend and test webhooks or dashboard extensions.

What is the best way to handle subscription-based webhook payloads in Saleor?

Handle subscription-based webhook payloads in Saleor by subscribing to specific events like ORDER_CREATED, receiving typed GraphQL payloads, and securely validating signatures before processing order data.

Can I use Saleor apps to sync products with an external ERP system?

You can sync products with an external ERP using Saleor apps by receiving verified ORDER_CREATED webhooks, normalizing the order data, and triggering manual syncs through a custom dashboard extension panel.