Building Modular Shopify Apps with Remix: Multi-marketplace sync dashboard

Merchants prefer to manage their business from a single dashboard. Forcing them to log in to external platforms to configure inventory mapping, product listings, or shipping tracking is a major UX friction point.

To solve this for our clients, we extracted key synchronization processes from our core synchronization engine and built modular, embedded Shopify apps for Onbuy, Temu, and Allegro using Shopify's Remix framework. This is how we architected the integration.

1. One-Time SKU Mapping Flow

The foundation of multi-channel synchronization is mapping. We built an intuitive SKU mapper directly inside the Shopify admin panel using Polaris components.

Once a merchant maps a Shopify SKU to its marketplace counterpart, the app saves this pair to our central database, allowing automatic bidirectional updates.

2. Bidirectional Order & Inventory Sync

When a customer buys on Temu, Onbuy, or Allegro, our webhook receiver intercepts the transaction and creates a corresponding order in the merchant's Shopify admin automatically.

The merchant can fulfill the order and generate shipping labels using their existing Shopify app flow, and our background queue immediately relays the tracking details back to the source marketplace.

3. Embedding the UI with Remix and Shopify App Bridge

By using Remix loaders and actions, we fetch mapped products in the backend and render them instantly on the frontend inside the Shopify iframe. The merchants don't even feel like they've left Shopify.

import { json } from '@remix-run/node';
import { useLoaderData } from '@remix-run/react';

export const loader = async ({ request }) => {
  const { admin } = await authenticate.admin(request);
  // Fetch mapped products from internal sync database
  const mappings = await db.getMappings(admin.shop);
  return json({ mappings });
};

export default function Dashboard() {
  const { mappings } = useLoaderData();
  return (
    <Page title="Marketplace Mapping">
      <Layout>
        <Card sectioned>
          <p>You have {mappings.length} active product mappings.</p>
        </Card>
      </Layout>
    </Page>
  );
}

4. Managing Shopify Rate Limits

Shopify API limits work on a Leaky Bucket algorithm. During peak sales, pushing millions of SKU updates all at once will trigger HTTP 429 rate limit exceptions, blocking sync entirely.

We solved this by queuing all updates in BullMQ. The queue processors automatically calculate the remaining API budget from Shopify's headers and wait before firing new requests, ensuring smooth, uninterrupted transfers.

5. Scaling and Rate Limits Best Practices

• Queue Shopify API calls using Redis to strictly respect merchant API rate limits.
• Buffer high-volume inventory modifications to prevent concurrency conflicts during store-wide updates.
• Listen to Shopify's product update webhooks to trigger real-time stock sync on external channels.

Embed the synchronization features directly into the tools your merchants already use everyday. Good integrations should be invisible.

How do you sync Shopify inventory with marketplaces without hitting rate limits?

Queue every API update through Redis/BullMQ instead of firing calls directly, and calculate the remaining request budget from Shopify's rate-limit response headers before each batch. Combined with a webhook receiver for inbound marketplace orders, this keeps bidirectional sync within Shopify's leaky-bucket limits even during peak sales.