<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Lucy </title>
    <description>The latest articles on DEV Community by Lucy  (@lucy1).</description>
    <link>https://dev.to/lucy1</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1790752%2F3de53444-41e1-423d-843a-7e3727c1f878.png</url>
      <title>DEV Community: Lucy </title>
      <link>https://dev.to/lucy1</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/lucy1"/>
    <language>en</language>
    <item>
      <title>How to Fix Shopify POS and EDC Terminal Reconciliation Mismatches</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Tue, 08 Sep 2026 11:22:35 +0000</pubDate>
      <link>https://dev.to/lucy1/how-to-fix-shopify-pos-and-edc-terminal-reconciliation-mismatches-a56</link>
      <guid>https://dev.to/lucy1/how-to-fix-shopify-pos-and-edc-terminal-reconciliation-mismatches-a56</guid>
      <description>&lt;p&gt;If your cashiers ring up the sale in Shopify POS and then key the same total into a separate EDC card terminal by hand, you already have two systems of record for the same transaction. This post walks through why that gap opens up, which integration model actually closes it, and what the API calls, webhook handling, and reconciliation logic look like when you build the bridge yourself.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Shopify POS and EDC Terminals Fall Out of Sync
&lt;/h2&gt;

&lt;p&gt;Most retail counters running Shopify POS alongside a third-party EDC (Electronic Data Capture) terminal are running two independent systems that were never designed to talk to each other. The cashier totals the cart in Shopify POS, then re-enters that same amount on the terminal keypad, selects a payment mode, and waits for the customer to tap or insert a card.&lt;/p&gt;

&lt;p&gt;At that point, two separate ledgers exist. Shopify has an order that is either unpaid or manually marked paid. The terminal has its own batch report with its own transaction ID, sitting in a completely different system. Nothing links the two unless a human writes the terminal's transaction ID onto a receipt or into an order note, and in practice, a lot of stores skip that step entirely because there's no fast way to do it at the counter under a queue of customers.&lt;/p&gt;

&lt;p&gt;This is a known pattern in payments infrastructure, not a Shopify-specific quirk. Payment providers generally describe two ends of a spectrum: standalone terminals that process a card with zero coding effort but leave order and payment data unlinked, and integrated (or cloud) terminals that require an API integration but keep the two systems aligned automatically, as &lt;a href="https://www.airwallex.com/docs/payments/integration-options/pos-payments/integrated-terminal-sdk" rel="noopener noreferrer"&gt;Airwallex's integrated terminal documentation&lt;/a&gt; lays out. Most EDC-based retail counters are running the standalone version today, and the reconciliation cost of that choice tends to stay invisible until someone adds up the hours.&lt;/p&gt;

&lt;h2&gt;
  
  
  Three Integration Models, and Why the Model You Pick Decides Your Reconciliation Story
&lt;/h2&gt;

&lt;p&gt;Before writing a line of integration code, it's worth naming which model you're actually building toward, because each one has a different blast radius for PCI scope and engineering effort.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Model&lt;/th&gt;
&lt;th&gt;How payment data flows&lt;/th&gt;
&lt;th&gt;Reconciliation&lt;/th&gt;
&lt;th&gt;Typical fit&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Standalone terminal&lt;/td&gt;
&lt;td&gt;Cashier re-keys the amount; terminal and POS never talk&lt;/td&gt;
&lt;td&gt;Fully manual, batch report vs. order list&lt;/td&gt;
&lt;td&gt;Single-location, low volume&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Semi-integrated terminal&lt;/td&gt;
&lt;td&gt;POS sends the amount and receives a result; card data stays on the terminal, out of the POS app&lt;/td&gt;
&lt;td&gt;Automatic per-transaction match&lt;/td&gt;
&lt;td&gt;Multi-location retail, the common target for EDC bridges&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Fully integrated terminal&lt;/td&gt;
&lt;td&gt;POS or its backend handles more of the payment flow directly with the processor&lt;/td&gt;
&lt;td&gt;Automatic, tightest coupling&lt;/td&gt;
&lt;td&gt;Vertical SaaS or processor-owned hardware&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Semi-integration is the model most Shopify POS and EDC bridges land on, and for good reason. As &lt;a href="https://www.datatel-systems.com/article/integrated-vs-semi-integrated-pos-payment-solutions-explained/" rel="noopener noreferrer"&gt;Datatel Systems explains&lt;/a&gt;, a semi-integrated setup treats the terminal as the thing that actually touches card data, while the POS only ever sees an amount request and a result, which keeps sensitive data away from the POS application entirely. This is also the model that maps cleanly onto Shopify's own extension points, since the integration layer just needs to relay a request and listen for a confirmation, not process a card itself.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Closing the Gap Looks Like at the API Level
&lt;/h2&gt;

&lt;p&gt;Once the terminal confirms a payment, the job is to get that confirmation back into Shopify without a human re-typing anything. Shopify's Admin GraphQL API gives you two mutations built for exactly this kind of external payment record.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;orderMarkAsPaid&lt;/code&gt; is built for orders where the outstanding balance needs to be cleared based on a payment that happened outside Shopify's standard checkout, which is precisely the situation once an EDC terminal confirms a card charge. According to &lt;a href="https://shopify.dev/docs/api/admin-graphql/latest/mutations/ordermarkaspaid" rel="noopener noreferrer"&gt;Shopify's own mutation reference&lt;/a&gt;, the mutation either creates a new sale transaction for the full outstanding amount or captures an existing authorized transaction, and it updates the order's financial status once it succeeds.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight graphql"&gt;&lt;code&gt;&lt;span class="k"&gt;mutation&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;MarkOrderPaid&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;$input&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="n"&gt;OrderMarkAsPaidInput&lt;/span&gt;&lt;span class="p"&gt;!)&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="n"&gt;orderMarkAsPaid&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;input&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nv"&gt;$input&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;order&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="n"&gt;id&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="n"&gt;displayFinancialStatus&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;userErrors&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="n"&gt;field&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"input"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"id"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"gid://shopify/Order/820982911946154508"&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If you need to record the terminal's own transaction ID, timestamp, or payment method label alongside the payment rather than just flipping a status, &lt;a href="https://shopify.dev/docs/api/admin-graphql/latest/mutations/ordercreatemanualpayment" rel="noopener noreferrer"&gt;&lt;code&gt;orderCreateManualPayment&lt;/code&gt;&lt;/a&gt; is the better fit. It lets you pass an amount, a method name, and a &lt;code&gt;processedAt&lt;/code&gt; timestamp, which matters if your webhook arrives a few seconds after the actual charge and you want the order's payment record to reflect when the customer's card was actually charged, not when your server got around to processing the event.&lt;/p&gt;

&lt;h2&gt;
  
  
  A Reference Architecture for the Bridge
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fwjvq6c3q0vzsfafe4gd7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fwjvq6c3q0vzsfafe4gd7.png" alt=" " width="800" height="298"&gt;&lt;/a&gt;&lt;br&gt;
The actual bridge is a small, boring service that sits between the EDC provider's webhook or SDK callback and Shopify's Admin API. A minimal version looks like this in Node.js:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;express&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;require&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;express&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;app&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;express&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="nx"&gt;app&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;use&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;express&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;json&lt;/span&gt;&lt;span class="p"&gt;());&lt;/span&gt;

&lt;span class="c1"&gt;// Prevent double-processing if the provider retries the same event&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;processedEvents&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Set&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;app&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;post&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;/webhooks/edc-terminal&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="k"&gt;async &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;req&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;transactionId&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;orderId&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;amount&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;status&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;req&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;body&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

  &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;processedEvents&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;has&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;transactionId&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;status&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;200&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;send&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;already processed&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;status&lt;/span&gt; &lt;span class="o"&gt;!==&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;approved&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="c1"&gt;// Log declines and cancellations for the reconciliation log,&lt;/span&gt;
    &lt;span class="c1"&gt;// but don't touch the Shopify order.&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;status&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;200&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;send&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;logged, no action needed&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="k"&gt;try&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;markShopifyOrderPaid&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="nx"&gt;orderId&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;transactionId&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;amount&lt;/span&gt; &lt;span class="p"&gt;});&lt;/span&gt;
    &lt;span class="nx"&gt;processedEvents&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;transactionId&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;status&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;200&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;send&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;reconciled&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;catch &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;err&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="c1"&gt;// Don't swallow the error. A missed webhook here is exactly&lt;/span&gt;
    &lt;span class="c1"&gt;// the gap this whole integration exists to close.&lt;/span&gt;
    &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;error&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;reconciliation failed&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;transactionId&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;err&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;status&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;500&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;send&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;retry me&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;

&lt;span class="nx"&gt;app&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;3000&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Three things in that snippet matter more than they look:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Idempotency isn't optional.&lt;/strong&gt; EDC providers commonly retry webhook delivery if they don't get a fast 200 response, and calling &lt;code&gt;orderMarkAsPaid&lt;/code&gt; twice against the same order will surface a user error since the mutation checks that the order isn't already &lt;code&gt;PAID&lt;/code&gt;, per the &lt;a href="https://shopify.dev/docs/api/admin-graphql/latest/objects/Order" rel="noopener noreferrer"&gt;Order object's &lt;code&gt;canMarkAsPaid&lt;/code&gt; field&lt;/a&gt;. A transaction-ID set (or a database table in production) avoids duplicate processing.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Declines and cancellations still need to be logged&lt;/strong&gt;, even though they shouldn't touch the Shopify order. This is what makes the eventual reconciliation log complete instead of only showing successful payments.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Failures should return a 5xx, not swallow the error.&lt;/strong&gt; If your bridge silently eats a failed API call, you've recreated the exact manual-matching problem this integration was built to remove, just one layer further from the counter where it's harder to spot.
## Where PCI Scope Actually Sits in This&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;A fair question from anyone reviewing this kind of integration is whether it touches cardholder data. It shouldn't, and if it does, the design needs to change before it ships.&lt;/p&gt;

&lt;p&gt;In a semi-integrated model, the terminal captures and encrypts the card data itself, and the POS-side integration only ever sees an amount, a status, and a transaction reference. This is the architectural basis for PCI DSS scope reduction: as the &lt;a href="https://www.pcisecuritystandards.org/faq/articles/Frequently_Asked_Question/How-should-payment-terminals-be-considered-during-a-PCI-DSS-assessment/" rel="noopener noreferrer"&gt;PCI Security Standards Council notes in its own FAQ&lt;/a&gt;, devices that support Secure Reading and Exchange of Data can facilitate scope reduction for merchants when used as part of a validated point-to-point encryption solution, though a terminal being PTS-approved doesn't automatically guarantee that reduction on its own. The details vary by provider and by how the merchant's environment is segmented, which is why &lt;a href="https://docs.adyen.com/point-of-sale/reconciling-totals/reconcile-a-balance-mismatch" rel="noopener noreferrer"&gt;Adyen documents the reconciliation and payment-intent flow separately from card capture&lt;/a&gt; in its own point-of-sale API reference. The practical takeaway for anyone building this bridge: keep raw card data entirely off your server, treat the webhook payload as amount-and-status only, and confirm with the EDC provider exactly what their webhook or callback does and doesn't include before you write a single handler.&lt;/p&gt;

&lt;h2&gt;
  
  
  Common Mistakes When Teams Build This Themselves
&lt;/h2&gt;

&lt;p&gt;A few patterns show up repeatedly in bridges like this, and most of them trace back to treating the integration as a one-off script instead of infrastructure.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;No retry or dead-letter handling.&lt;/strong&gt; A webhook that fails once and is never retried recreates the manual-matching problem for exactly the transactions that mattered enough to fail.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Assuming one terminal provider forever.&lt;/strong&gt; Multi-location chains often run different EDC hardware in different regions. Building the bridge around a single provider's payload shape instead of a normalized internal event format makes adding a second provider a rewrite instead of a config change.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Skipping the reconciliation log.&lt;/strong&gt; The API calls above solve the order-status half of the problem. The other half is a queryable log of every terminal event, successful or not, with order, store, provider, amount, status, and timestamp, so a finance team can filter by date range or location instead of stitching together exports by hand.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No plan for refunds.&lt;/strong&gt; Getting a payment confirmation back into Shopify automatically is the first milestone, not the whole project. Refund flows initiated from the terminal side need the same kind of bridge in reverse, and teams that skip this end up back to manual reconciliation the moment a customer asks for money back.
## What "Good" Reconciliation Looks Like Once It's Live&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Once the bridge is running, the operational difference is straightforward to describe: every terminal transaction, across every store and every provider, lands in one place with the same fields, instead of living in separate batch reports that someone has to manually cross-reference. A useful minimum schema for that log looks like this:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Field&lt;/th&gt;
&lt;th&gt;Why it matters&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Order ID&lt;/td&gt;
&lt;td&gt;Links the terminal event back to the exact Shopify order&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Store / location&lt;/td&gt;
&lt;td&gt;Needed once you're past a single counter&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Provider&lt;/td&gt;
&lt;td&gt;Matters the moment you run more than one EDC vendor&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Amount&lt;/td&gt;
&lt;td&gt;The number that actually needs to match, transaction by transaction&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Status&lt;/td&gt;
&lt;td&gt;approved, declined, cancelled, or error, not just "paid"&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Timestamp&lt;/td&gt;
&lt;td&gt;Traces disputes back to a specific charge, not just a day&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;We wrote up how this played out for a real multi-location retailer, including what the manual process was actually costing them before the fix, in &lt;a href="https://www.lucentinnovation.com/resources/technology-posts/shopify-pos-edc-terminal-integration" rel="noopener noreferrer"&gt;our case study on closing the Shopify POS and EDC terminal reconciliation gap&lt;/a&gt;. If you're evaluating whether this is worth building in-house versus bringing in a team that's done it before, that write-up covers the actual before-and-after numbers. For teams earlier in the process, still deciding on the underlying Shopify build before tackling hardware integrations, a broader look at what a &lt;a href="https://www.lucentinnovation.com/services/shopify-development-agency" rel="noopener noreferrer"&gt;custom Shopify development engagement&lt;/a&gt; typically covers is a reasonable next stop.&lt;/p&gt;

&lt;p&gt;Reconciliation gaps like this rarely get fixed because nobody logs a single incident bad enough to justify the project. It's a few minutes here, a mismatched batch there, a slower month-end close, spread thin enough that it never tops anyone's priority list on its own. But once you can name the exact API calls and webhook shape that close it, it stops being an ops tax and becomes a two-to-four week engineering project.&lt;/p&gt;

&lt;p&gt;Have you built (or inherited) a POS-to-payment-terminal bridge like this? What broke first once it hit production, webhook retries, idempotency, or something else nobody planned for? Curious to hear how other teams handled it.&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>pos</category>
      <category>stripe</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Shopify GraphQL Rate Limits: A Query-Cost Optimization Guide</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Wed, 26 Aug 2026 13:06:24 +0000</pubDate>
      <link>https://dev.to/lucy1/shopify-graphql-rate-limits-a-query-cost-optimization-guide-1io1</link>
      <guid>https://dev.to/lucy1/shopify-graphql-rate-limits-a-query-cost-optimization-guide-1io1</guid>
      <description>&lt;p&gt;Shopify's GraphQL Admin API does not limit you by how many requests you send. It limits you by how much each request costs. A query that asks for ten cheap fields can run far more often than one that asks for three expensive ones, and once you understand the cost formula, most 429 errors stop being a mystery and start being a math problem.&lt;/p&gt;

&lt;p&gt;This guide breaks down how the cost model works. You'll learn how to read the numbers Shopify sends back with every response, and which query patterns quietly burn through your rate limit budget. It also covers when to stop optimizing a query and switch to a bulk operation instead.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Shopify moved away from counting requests
&lt;/h2&gt;

&lt;p&gt;The REST Admin API charged a flat fee per call. A request for one product field cost the same as a request for fifty. That model was simple, but it rewarded sloppy queries and punished apps that made frequent small calls for good reasons, like polling a webhook queue.&lt;/p&gt;

&lt;p&gt;Shopify has been unwinding REST in favor of GraphQL for a few years now. The REST Admin API became a legacy API on October 1, 2024, and starting April 1, 2025, every new public app submitted to the Shopify App Store has to run on GraphQL only, according to &lt;a href="https://shopify.dev/changelog/starting-april-2025-new-public-apps-submitted-to-shopify-app-store-must-use-graphql" rel="noopener noreferrer"&gt;Shopify's developer changelog&lt;/a&gt;. Existing apps can keep calling REST for now, but new builds do not have that option. If you are scoping a new Shopify app in 2026, the query cost model is not an edge case to learn later. It is the rate limit you will live under from day one.&lt;/p&gt;

&lt;p&gt;GraphQL made this different approach possible in the first place. The server can look at a query's shape before it runs and estimate the work involved, something a REST endpoint can't do. Shopify's engineering team wrote about the reasoning behind this shift in a &lt;a href="https://shopify.engineering/rate-limiting-graphql-apis-calculating-query-complexity" rel="noopener noreferrer"&gt;detailed post on calculating GraphQL query complexity&lt;/a&gt;. It's worth reading for the full backstory.&lt;/p&gt;

&lt;h2&gt;
  
  
  How the cost model works
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fh7ayxkq2xexiugup89o2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fh7ayxkq2xexiugup89o2.png" alt=" " width="800" height="480"&gt;&lt;/a&gt;&lt;br&gt;
Shopify's GraphQL Admin API uses what it calls a calculated query cost, enforced through a &lt;a href="https://en.wikipedia.org/wiki/Leaky_bucket" rel="noopener noreferrer"&gt;leaky bucket&lt;/a&gt;. Picture a bucket that fills up as you make requests and drains at a steady rate every second. Send too many expensive queries too fast and the bucket overflows, and you get throttled until it has room again.&lt;/p&gt;

&lt;p&gt;Every field in the schema carries a cost. According to &lt;a href="https://shopify.dev/docs/api/usage/limits" rel="noopener noreferrer"&gt;Shopify's official API limits documentation&lt;/a&gt;, the defaults break down like this:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Field type&lt;/th&gt;
&lt;th&gt;Cost&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Scalar (string, int, boolean, etc.)&lt;/td&gt;
&lt;td&gt;0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Enum&lt;/td&gt;
&lt;td&gt;0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Object&lt;/td&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Interface&lt;/td&gt;
&lt;td&gt;Maximum of possible selections&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Union&lt;/td&gt;
&lt;td&gt;Maximum of possible selections&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Connection (edges/nodes list)&lt;/td&gt;
&lt;td&gt;Sized by &lt;code&gt;first&lt;/code&gt; or &lt;code&gt;last&lt;/code&gt; argument&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Mutation&lt;/td&gt;
&lt;td&gt;10&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Two things jump out from that table. First, plain scalar fields are free, so asking for a product's title, handle, and status does not move the needle. Second, connections scale with how many items you request, and mutations carry a flat cost of 10 points regardless of how simple the write is, because a mutation triggers side effects like database writes and webhook dispatches that a read never does.&lt;/p&gt;

&lt;p&gt;Your rate limit itself depends on your store's plan. Shopify's limits page lists these figures for the &lt;a href="https://shopify.dev/docs/api/admin-graphql" rel="noopener noreferrer"&gt;GraphQL Admin API&lt;/a&gt;:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Plan tier&lt;/th&gt;
&lt;th&gt;Points restored per second&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Standard (Basic and Shopify plans)&lt;/td&gt;
&lt;td&gt;100&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Advanced Shopify&lt;/td&gt;
&lt;td&gt;200&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Shopify Plus&lt;/td&gt;
&lt;td&gt;1,000&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Shopify for enterprise (Commerce Components)&lt;/td&gt;
&lt;td&gt;2,000&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;No matter which tier you are on, a single query cannot exceed 1,000 points. That cap is enforced before the query runs, based on its requested cost, so a query that would cost 1,200 points gets rejected outright rather than partially executed.&lt;/p&gt;
&lt;h2&gt;
  
  
  Reading the cost data Shopify sends back
&lt;/h2&gt;

&lt;p&gt;Every GraphQL Admin API response includes an &lt;code&gt;extensions&lt;/code&gt; block. It tells you exactly what happened with your query's cost. Most developers skip this part of the response, right up until they're debugging a production incident at 2 a.m.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="nl"&gt;"extensions"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"cost"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"requestedQueryCost"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="mi"&gt;101&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"actualQueryCost"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="mi"&gt;46&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"throttleStatus"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"maximumAvailable"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="mi"&gt;1000&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"currentlyAvailable"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="mi"&gt;954&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"restoreRate"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="mi"&gt;50&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Two numbers matter here. The &lt;code&gt;requestedQueryCost&lt;/code&gt; is what Shopify estimated before running your query, based on the fields you asked for and the &lt;code&gt;first&lt;/code&gt;/&lt;code&gt;last&lt;/code&gt; arguments on any connections. The &lt;code&gt;actualQueryCost&lt;/code&gt; is what it really cost once the query finished, and it is often lower, because a connection you asked to return 50 items might have only returned 12. Shopify refunds the difference back to your bucket automatically, so over-requesting a &lt;code&gt;first&lt;/code&gt; argument is not free, but it is not as expensive as it looks either.&lt;/p&gt;

&lt;p&gt;Want a field-by-field breakdown of where the cost comes from? Add the header &lt;code&gt;Shopify-GraphQL-Cost-Debug: 1&lt;/code&gt; to your request. The response then includes a &lt;code&gt;fields&lt;/code&gt; array. It shows the cost each part of the query adds. This is the fastest way to find the one nested connection quietly eating your whole budget.&lt;/p&gt;

&lt;p&gt;When a query costs more than your bucket can currently cover, you get an error back. The code is either &lt;code&gt;MAX_COST_EXCEEDED&lt;/code&gt; or a general throttle response. Either way, the &lt;code&gt;throttleStatus&lt;/code&gt; object tells you how many points you have left and how fast they're coming back. That's everything you need to build a sane retry.&lt;/p&gt;

&lt;h2&gt;
  
  
  Query patterns that quietly cost more than they should
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F82hh9ekrbkn4a5c5hhnz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F82hh9ekrbkn4a5c5hhnz.png" alt=" " width="800" height="622"&gt;&lt;/a&gt;&lt;br&gt;
A few habits are responsible for most of the throttling issues teams run into.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Unbounded or overly generous connections.&lt;/strong&gt; Every &lt;code&gt;edges { node { ... } }&lt;/code&gt; block gets sized by its &lt;code&gt;first&lt;/code&gt; or &lt;code&gt;last&lt;/code&gt; argument. Asking for &lt;code&gt;first: 250&lt;/code&gt; on a connection you only display 20 items from wastes budget on data you throw away. Request only what the page or job actually needs, and paginate deliberately instead of grabbing the maximum allowed size out of habit.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Deep nesting.&lt;/strong&gt; Think about a query that pulls a product, then its variants, then each variant's inventory levels, then each location for those levels. Cost multiplies at every layer. Nesting isn't free just because each object only costs 1 point on its own. Flatten what you can. If a nested branch is optional data, split it into a second, shallower query instead.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Fetching fields you don't render.&lt;/strong&gt; It's tempting to grab a wide product fragment once and reuse it everywhere, including screens that only need the title and price. Build narrower, purpose-specific fragments instead of one large one, especially for high-frequency queries like search-as-you-type or cart updates.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Chaining mutations without batching.&lt;/strong&gt; Since every mutation costs a flat 10 points, updating 50 products one mutation at a time costs 500 points before you've touched a single connection field. Where Shopify offers a bulk-capable mutation for the operation you need, use it. Where it doesn't, queue the writes and pace them against your restore rate instead of firing them concurrently.&lt;/p&gt;

&lt;p&gt;A useful habit: run new queries through the GraphiQL app in your Partner Dashboard first and check the &lt;code&gt;extensions.cost&lt;/code&gt; block before you ship them. It's the cheapest testing you'll ever do.&lt;/p&gt;
&lt;h2&gt;
  
  
  When to stop optimizing and use a bulk operation instead
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fiv8sx9jm7h360zda0ggb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fiv8sx9jm7h360zda0ggb.png" alt=" " width="800" height="440"&gt;&lt;/a&gt;&lt;br&gt;
At some point, no amount of query tuning gets a large export under the 1,000-point single-query cap. Pulling every product, variant, and inventory level for a catalog of 50,000 SKUs is that kind of job. Forcing it through paginated single queries just means more requests, more throttling, and more code to manage the pacing.&lt;/p&gt;

&lt;p&gt;Shopify's &lt;a href="https://shopify.dev/docs/api/usage/bulk-operations/queries" rel="noopener noreferrer"&gt;bulk operations API&lt;/a&gt; exists for exactly this case. You submit a query wrapped in a &lt;code&gt;bulkOperationRunQuery&lt;/code&gt; mutation, Shopify processes it asynchronously in the background, and when it finishes, you get a URL to a JSONL file with every result. Bulk operations don't count against the query-cost rate limit at all, because they run outside the normal request path.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight graphql"&gt;&lt;code&gt;&lt;span class="k"&gt;mutation&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="n"&gt;bulkOperationRunQuery&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;query&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"""
    {
      products {
        edges {
          node {
            id
            title
            variants {
              edges {
                node {
                  id
                  sku
                  inventoryQuantity
                }
              }
            }
          }
        }
      }
    }
    """&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="err"&gt;)&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="err"&gt;bulkOperation&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="err"&gt;id&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="err"&gt;status&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="n"&gt;userErrors&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="n"&gt;field&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="err"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="err"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="err"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Here's a simple rule of thumb. If you're pulling more than roughly 1,000 records, reach for a bulk operation. The same goes for any connection nested more than two levels deep across a full catalog. Don't just reach for a bigger &lt;code&gt;first&lt;/code&gt; argument instead. Bulk operations trade a little speed, since results aren't instant, for a rate limit ceiling that basically disappears.&lt;/p&gt;

&lt;h2&gt;
  
  
  Building a retry strategy that respects the restore rate
&lt;/h2&gt;

&lt;p&gt;A backoff strategy that ignores &lt;code&gt;throttleStatus&lt;/code&gt; is guessing. One that reads it is calculating.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;shopifyGraphQL&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;query&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;variables&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nf"&gt;fetch&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;SHOPIFY_ENDPOINT&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;method&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;POST&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;headers&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;adminHeaders&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;body&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;JSON&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;stringify&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="nx"&gt;query&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;variables&lt;/span&gt; &lt;span class="p"&gt;}),&lt;/span&gt;
  &lt;span class="p"&gt;});&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;json&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;throttle&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;extensions&lt;/span&gt;&lt;span class="p"&gt;?.&lt;/span&gt;&lt;span class="nx"&gt;cost&lt;/span&gt;&lt;span class="p"&gt;?.&lt;/span&gt;&lt;span class="nx"&gt;throttleStatus&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;wasThrottled&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;errors&lt;/span&gt;&lt;span class="p"&gt;?.&lt;/span&gt;&lt;span class="nf"&gt;some&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;e&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;e&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;extensions&lt;/span&gt;&lt;span class="p"&gt;?.&lt;/span&gt;&lt;span class="nx"&gt;code&lt;/span&gt; &lt;span class="o"&gt;===&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;THROTTLED&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;

  &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;wasThrottled&lt;/span&gt; &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span class="nx"&gt;throttle&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;needed&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;extensions&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;cost&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;requestedQueryCost&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;deficit&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;needed&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="nx"&gt;throttle&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;currentlyAvailable&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;waitMs&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;Math&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;ceil&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;deficit&lt;/span&gt; &lt;span class="o"&gt;/&lt;/span&gt; &lt;span class="nx"&gt;throttle&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;restoreRate&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="mi"&gt;1000&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Promise&lt;/span&gt;&lt;span class="p"&gt;((&lt;/span&gt;&lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nf"&gt;setTimeout&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;waitMs&lt;/span&gt;&lt;span class="p"&gt;));&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nf"&gt;shopifyGraphQL&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;query&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;variables&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This code isn't production-ready as written. A real version needs a retry limit, so it doesn't loop forever. It also needs some randomness in the wait time, so a whole fleet of workers doesn't wake up at the exact same moment and cause a new spike. But the core idea holds up: calculate the wait time from the real restore rate instead of guessing a fixed delay. Shopify recommends a one-second minimum backoff before any retry. Building your queue around the actual restore rate, instead of a flat delay, keeps your throughput closer to your true ceiling.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where this fits into a bigger Shopify app build
&lt;/h2&gt;

&lt;p&gt;Query cost discipline matters most once an app moves past a prototype. It matters the moment you start syncing real catalog volume, inventory, or order data on a schedule. This is one of the first things worth planning for. It shouldn't be a patch you add after the first wave of 429 errors hits production. On the &lt;a href="https://www.lucentinnovation.com/services/shopify-app-development" rel="noopener noreferrer"&gt;custom Shopify app builds our team scopes&lt;/a&gt;, cost-aware pagination and bulk operations tend to be a default part of the data layer. It sits right alongside authentication and webhook handling, not as a cleanup task for later.&lt;/p&gt;

&lt;h2&gt;
  
  
  FAQ
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;What does a &lt;code&gt;MAX_COST_EXCEEDED&lt;/code&gt; error mean in Shopify's GraphQL API?&lt;/strong&gt;&lt;br&gt;
It means the requested cost of a single query is over the 1,000-point cap that applies to every plan. The fix is almost always to lower the &lt;code&gt;first&lt;/code&gt;/&lt;code&gt;last&lt;/code&gt; values on connections or split the query, not to wait longer, since waiting won't help a query that could never fit.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Does having a large &lt;code&gt;currentlyAvailable&lt;/code&gt; balance let me exceed the 1,000-point single-query cap?&lt;/strong&gt;&lt;br&gt;
No. The 1,000-point limit applies per query regardless of how much capacity is sitting in your bucket. A store with 10,000 points available still can't run a single query that costs more than 1,000.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Is the Storefront API rate-limited the same way?&lt;/strong&gt;&lt;br&gt;
No. Real buyer traffic on the Storefront API doesn't hit a fixed points limit. Shopify does throttle automated bot and crawler traffic on that API, according to the &lt;a href="https://shopify.dev/docs/api/usage/limits" rel="noopener noreferrer"&gt;official limits documentation&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Do REST Admin API rate limits still matter if I'm migrating to GraphQL?&lt;/strong&gt;&lt;br&gt;
Only for as long as your app keeps making REST calls. Since new public apps have been required to use GraphQL exclusively since April 1, 2025, most new builds skip REST rate limits entirely and only need to design around the query-cost model from the start.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Can I request a higher GraphQL rate limit for my app?&lt;/strong&gt;&lt;br&gt;
Outside of moving to a higher Shopify plan tier, Shopify doesn't offer a general way to raise the per-app limit. The better lever is almost always reducing cost per query and offloading large reads to bulk operations.&lt;/p&gt;

&lt;p&gt;What's the most stubborn 429 you've had to chase down in a Shopify integration, and did the fix end up being a query rewrite or a queue redesign? Drop it in the comments.&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>graphql</category>
      <category>api</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Architecting Reliable Bulk Variant Sync for Multi-Store Shopify Setups</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Tue, 18 Aug 2026 12:12:42 +0000</pubDate>
      <link>https://dev.to/lucy1/architecting-reliable-bulk-variant-sync-for-multi-store-shopify-setups-114a</link>
      <guid>https://dev.to/lucy1/architecting-reliable-bulk-variant-sync-for-multi-store-shopify-setups-114a</guid>
      <description>&lt;p&gt;Running one Shopify store is hard enough. Running five, twenty, or a hundred of them, all sharing one catalog, is a different kind of hard.&lt;/p&gt;

&lt;p&gt;Somewhere around store number three, a merchant's team usually hits the same wall. A color variant added in one store doesn't show up in another. A price update lands on nine out of ten storefronts. A "quick script" that worked fine last quarter starts throwing errors nobody wrote down.&lt;/p&gt;

&lt;p&gt;This isn't a coding problem. It's an architecture problem. Bulk variant sync across multiple Shopify stores has to be treated like a distributed system, because that's exactly what it is.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Bulk Variant Sync Actually Means
&lt;/h2&gt;

&lt;p&gt;Multi-store Shopify setups usually exist for a real business reason. A brand might run separate storefronts per region, per wholesale channel, or per sub-brand.&lt;/p&gt;

&lt;p&gt;Each store has its own product catalog, its own variant structure, and its own API rate limit. None of them know the others exist.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Bulk variant sync&lt;/strong&gt; is the process of keeping variant data such as color, size, material, and price consistent across all of those independent catalogs, usually pushed out from one canonical source of truth.&lt;/p&gt;

&lt;p&gt;Shopify's own variant ceiling per product has moved over time, climbing from a long-standing 100-variant cap toward higher limits as newer API versions roll out. That single detail already shapes how a sync system needs to batch its writes.&lt;/p&gt;

&lt;p&gt;Picture a fashion brand running one storefront for direct-to-consumer traffic, a second for wholesale buyers, and a third for a regional market. A single new color, added to the master catalog, has to land correctly on all three, in the right currency, with the right option structure, without anyone re-typing anything by hand.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Naive Sync Scripts Break First
&lt;/h2&gt;

&lt;p&gt;Most sync systems start life as a simple script. Loop through products, call the API, move to the next one. This works fine in testing.&lt;/p&gt;

&lt;p&gt;Under real load, three things go wrong at once.&lt;/p&gt;

&lt;p&gt;First, &lt;strong&gt;rate limits&lt;/strong&gt; start rejecting requests, and a script with no backoff logic just keeps hammering an API that already said no.&lt;/p&gt;

&lt;p&gt;Second, a request fails halfway through a batch. There's no clean way to tell which variants actually updated and which didn't.&lt;/p&gt;

&lt;p&gt;Third, &lt;strong&gt;retrying a failed job&lt;/strong&gt; creates duplicate variants or overwrites a value that already changed, because the retry has no memory of what it already tried.&lt;/p&gt;

&lt;p&gt;Each problem is survivable alone. Together, across ten or more stores running in parallel, they turn into a support queue full of "why does this store look different" tickets.&lt;/p&gt;

&lt;h2&gt;
  
  
  Idempotency Comes Before Speed
&lt;/h2&gt;

&lt;p&gt;The fix for all three problems starts in the same place: every sync job needs to be &lt;strong&gt;idempotent&lt;/strong&gt;. Running it twice should produce the same result as running it once.&lt;/p&gt;

&lt;p&gt;Each job needs a stable identifier, built from the store, the product, and the variant, not from a timestamp or a random ID. If the same job runs again after a crash or a timeout, it should land on the same variant state instead of creating a new one.&lt;/p&gt;

&lt;p&gt;Stripe's &lt;a href="https://docs.stripe.com/api/idempotent_requests" rel="noopener noreferrer"&gt;idempotent request pattern&lt;/a&gt; is a good reference here, even outside payments. A client-generated key lets the server recognize a repeated request and return the same result, instead of processing it twice.&lt;/p&gt;

&lt;p&gt;Once jobs are idempotent, retries stop being risky. A failed job can simply run again without anyone needing to check what state it left behind.&lt;/p&gt;

&lt;h2&gt;
  
  
  A Queue-First Design for Multiple Stores
&lt;/h2&gt;

&lt;p&gt;With idempotency in place, the next piece is a &lt;strong&gt;job queue&lt;/strong&gt; sitting between the source catalog and each Shopify store.&lt;/p&gt;

&lt;p&gt;Instead of one script looping through every store, a producer breaks the sync into small, single-variant jobs and pushes them onto a queue. A pool of workers pulls jobs off that queue and sends them to Shopify.&lt;/p&gt;

&lt;p&gt;This setup makes a few things much easier to manage:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Per-store isolation:&lt;/strong&gt; one struggling store doesn't block sync to the others.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Controlled concurrency:&lt;/strong&gt; workers can be capped per store, so nothing overwhelms a single rate limit bucket.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Retry with backoff:&lt;/strong&gt; a failed job goes back on the queue with a delay, instead of failing silently.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dead-letter handling:&lt;/strong&gt; a job that fails repeatedly gets pulled aside for a person to review, instead of looping forever.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F55yvzlx4w4nc4shys7s7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F55yvzlx4w4nc4shys7s7.png" alt=" " width="799" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Teams that reach this point often find a spreadsheet-driven process, or a generic sync app, can't hold this much logic. That's usually the moment they start looking at &lt;a href="https://www.lucentinnovation.com/services/shopify-app-development" rel="noopener noreferrer"&gt;custom Shopify integration work&lt;/a&gt; instead of a one-size-fits-all plugin.&lt;/p&gt;

&lt;h2&gt;
  
  
  Respecting Shopify's Rate Limits, Not Fighting Them
&lt;/h2&gt;

&lt;p&gt;Shopify's GraphQL Admin API doesn't count requests. It scores them. Every query has a &lt;strong&gt;cost&lt;/strong&gt;, based on the fields and connections requested, and that cost gets deducted from a bucket tied to that specific store.&lt;/p&gt;

&lt;p&gt;The bucket refills at a fixed rate. Send too much at once, and the bucket drains to zero, which triggers a throttle response instead of a result.&lt;/p&gt;

&lt;p&gt;Every response includes a cost block showing exactly how much room is left. A sync system that reads that number and slows down before hitting zero runs far smoother than one that waits for an error and reacts afterward.&lt;/p&gt;

&lt;p&gt;Each store keeps its own independent bucket. A worker pool that respects per-store limits can run many stores in parallel, without one busy store stealing capacity from another.&lt;/p&gt;

&lt;p&gt;Full details live in &lt;a href="https://shopify.dev/docs/api/usage/limits" rel="noopener noreferrer"&gt;Shopify's rate limit documentation&lt;/a&gt;, worth reading closely before writing the first retry loop.&lt;/p&gt;

&lt;h2&gt;
  
  
  When Bulk Operations Are the Right Tool
&lt;/h2&gt;

&lt;p&gt;Not every sync job needs a live mutation. For very large, one-time catalog changes, like an initial migration or a seasonal reset across every store, Shopify's &lt;a href="https://shopify.dev/docs/api/usage/bulk-operations/imports" rel="noopener noreferrer"&gt;bulk operations API&lt;/a&gt; is built for exactly that.&lt;/p&gt;

&lt;p&gt;Bulk operations run asynchronously on Shopify's side. They're meant for large-scale reads and writes that would otherwise burn through a rate limit bucket in minutes.&lt;/p&gt;

&lt;p&gt;Ongoing, incremental variant sync usually fits better with direct mutations run through a queue. Big, occasional catalog overhauls usually fit better with a bulk operation.&lt;/p&gt;

&lt;p&gt;Mixing both, bulk operations for the heavy lifting and queued mutations for day-to-day updates, tends to hold up well once real merchants start using it.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Linked Option Trap
&lt;/h2&gt;

&lt;p&gt;One error catches almost every team building this for the first time: &lt;code&gt;CANNOT_SET_NAME_FOR_LINKED_OPTION_VALUE&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;It shows up when a product option, like color, is linked to a Shopify metafield or taxonomy value, and a sync job tries to set both a plain text name and a linked value at the same time.&lt;/p&gt;

&lt;p&gt;The fix is simple once it's known. Send the linked metafield reference, not the plain text name, whenever an option is linked. Skipping this check is one of the most common causes of silent, partial sync failures in multi-store catalogs.&lt;/p&gt;

&lt;p&gt;A good sync system checks each store's option configuration before writing, rather than assuming every store's "Color" option behaves the same way.&lt;/p&gt;

&lt;h2&gt;
  
  
  Rolling Out Without Breaking Live Stores
&lt;/h2&gt;

&lt;p&gt;A sync system this central to the business shouldn't go live everywhere at once.&lt;/p&gt;

&lt;p&gt;A safer path starts with one store, ideally a smaller one, running the new pipeline in a dry-run mode that logs what it would change without writing anything.&lt;/p&gt;

&lt;p&gt;Once the dry run looks clean, real writes get turned on for that single store first. Only after a few sync cycles pass without incident does the rollout move to the next store, and then the rest.&lt;/p&gt;

&lt;p&gt;This canary-style rollout catches configuration quirks, like a store with an unusual linked option setup, before they hit every storefront at once.&lt;/p&gt;

&lt;h2&gt;
  
  
  Observability Turns Failures Into Fixes
&lt;/h2&gt;

&lt;p&gt;None of this matters if nobody can see what happened. A queue-based sync system should log, at minimum, which job ran, which store it targeted, what it changed, and whether it succeeded.&lt;/p&gt;

&lt;p&gt;Dashboards showing queue depth, failure rate per store, and rate-limit headroom per store turn a mystery outage into a two-minute diagnosis. Alerts on a rising dead-letter count catch a broken integration long before a merchant notices missing stock on the storefront.&lt;/p&gt;

&lt;p&gt;"The moment a sync system spans more than two or three stores, retries stop being an edge case. They become the backbone of the whole design," says &lt;strong&gt;Ashish Kasama&lt;/strong&gt;, CTO at Lucent Innovation.&lt;/p&gt;

&lt;p&gt;That framing matters. A multi-store sync system isn't a script with extra error handling bolted on. It's infrastructure, and it deserves to be designed like infrastructure from day one.&lt;/p&gt;

&lt;h2&gt;
  
  
  What This Looks Like in Production
&lt;/h2&gt;

&lt;p&gt;Put together, a reliable bulk variant sync setup usually has five moving parts: a canonical source of truth, idempotent job definitions, a queue with per-store worker limits, rate-limit-aware backoff, and a dead-letter path with real observability.&lt;/p&gt;

&lt;p&gt;None of these pieces are exotic on their own. What matters is that they exist together, from the start, instead of getting bolted on one at a time after each outage.&lt;/p&gt;

&lt;p&gt;Lucent Innovation has worked on Shopify since 2013, and has been a Shopify Plus Partner since 2016. This exact failure pattern has shown up more than once across client catalogs of very different sizes.&lt;/p&gt;

&lt;p&gt;This is the same pattern behind our mEM platform, which keeps variant data in sync across hundreds of independent merchant storefronts without anyone touching a spreadsheet.&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>softwareengineering</category>
      <category>eccommerce</category>
      <category>apidesign</category>
    </item>
    <item>
      <title>Shopify Metaobjects vs Metafields: Choosing the Right Model</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Tue, 11 Aug 2026 11:25:06 +0000</pubDate>
      <link>https://dev.to/lucy1/shopify-metaobjects-vs-metafields-choosing-the-right-model-12il</link>
      <guid>https://dev.to/lucy1/shopify-metaobjects-vs-metafields-choosing-the-right-model-12il</guid>
      <description>&lt;p&gt;Metafields add one custom field to something that already exists in Shopify: a product, an order, a customer. Metaobjects create something that didn't exist before, with its own set of fields, that other resources can point to.&lt;/p&gt;

&lt;p&gt;The short version:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Data describes one thing? Use a metafield.&lt;/li&gt;
&lt;li&gt;Data is a reusable "thing" in its own right, like a size chart, an author profile, or a set of store locations? Model it as a metaobject and reference it from wherever it needs to show up.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That's the easy part. The part that actually costs teams time isn't picking a definition. It's picking wrong early, then discovering the mistake after forty products already depend on it.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's the actual difference between a metafield and a metaobject?
&lt;/h2&gt;

&lt;p&gt;A metafield is a key-value pair attached directly to an existing Shopify resource. It has a namespace, a key, a type, and a value. Its full address looks like &lt;code&gt;product.metafields.custom.warranty_info&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;It doesn't exist independently. Delete the product, and the metafield goes with it.&lt;/p&gt;

&lt;p&gt;A metaobject is a standalone entity. You define its shape once, then create as many entries as you need in &lt;strong&gt;Content → Metaobjects&lt;/strong&gt;. The definition covers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;name&lt;/li&gt;
&lt;li&gt;fields&lt;/li&gt;
&lt;li&gt;validation rules&lt;/li&gt;
&lt;li&gt;access permissions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Nothing about a metaobject entry ties it to a single product. A "Designer Profile" metaobject can sit unattached to anything, or be linked from fifty different products through a reference field.&lt;/p&gt;

&lt;p&gt;Shopify's own framing is the cleanest way to hold this in your head:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Metafields let you add extra columns to an existing table.&lt;/li&gt;
&lt;li&gt;Metaobjects let you create an entirely new table.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you're coming from a relational-database background, here's the mapping:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A metaobject definition maps to a custom table.&lt;/li&gt;
&lt;li&gt;A metaobject field maps to a column on that table.&lt;/li&gt;
&lt;li&gt;A metaobject entry maps to a row.&lt;/li&gt;
&lt;li&gt;A metafield reference to a metaobject works like a foreign key.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Use a proper reference type (&lt;code&gt;metaobject_reference&lt;/code&gt;, &lt;code&gt;list.metaobject_reference&lt;/code&gt;) for that last one. Don't store a handle or ID in a plain text field. A plain-text pointer breaks Liquid and Storefront API resolution and can't be queried efficiently.&lt;/p&gt;

&lt;h2&gt;
  
  
  When should you use a metafield instead of a metaobject?
&lt;/h2&gt;

&lt;p&gt;Reach for a metafield whenever the data is a genuine attribute of one resource and nobody else needs to reference it independently. Practical signals:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The value only makes sense in the context of the parent resource. A "care instructions" field only means something attached to a specific product.&lt;/li&gt;
&lt;li&gt;You need it to participate in admin search, filtering, or Shopify Flow. Metafield definitions support &lt;code&gt;admin_filterable&lt;/code&gt; capabilities that let you query products by metafield value directly through the GraphQL Admin API.&lt;/li&gt;
&lt;li&gt;It's a simple scalar or a short list: text, number, date, boolean, money, a single file, or a short list of these.&lt;/li&gt;
&lt;li&gt;You want to lean on Shopify's standard metafield definitions (ISBNs, care instructions, product ratings, and similar well-known fields) instead of inventing your own schema. Standard definitions don't count against your plan's metafield limits and interoperate across apps by default.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A warranty field, a release date on an order, an internal SKU code, a care-instructions block. All metafields. None of these needs to be looked up or reused from somewhere else in the store.&lt;/p&gt;

&lt;h2&gt;
  
  
  When does a metaobject beat a metafield?
&lt;/h2&gt;

&lt;p&gt;Flip to a metaobject once any of these is true:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;The content is reusable across many resources.&lt;/strong&gt; A "Designer Profile," "Store Location," or "Size Chart" needs to show up on dozens of product pages without you retyping the bio, address, or measurements each time.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The record needs more than one related field and its own identity.&lt;/strong&gt; A metaobject definition can hold up to 40 fields, each with its own type and validation. That's a scale a single metafield can't reach.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;You want a dedicated URL.&lt;/strong&gt; Metaobject definitions support a &lt;code&gt;renderable&lt;/code&gt; capability that generates a public page and SEO metadata per entry. That matters for something like an author directory you want indexed on its own.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The relationship itself carries data.&lt;/strong&gt; Say you're modeling a many-to-many relationship where the link needs extra fields, like an ingredient with a quantity specific to one recipe. Shopify's own data-modeling guidance recommends an intermediate metaobject acting as a join table here, the same pattern as a join table in SQL.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here's the tell that shows up in the wild most often. A merchant starts by cramming repeatable content into a long &lt;code&gt;multi_line_text_field&lt;/code&gt; metafield ("just paste the bios in as JSON"). Six months later, they need to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;edit one bio without touching a blob of unstructured text&lt;/li&gt;
&lt;li&gt;filter profiles by role&lt;/li&gt;
&lt;li&gt;reuse the same profile on the About page and three product pages&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That's a metaobject that got built as a metafield.&lt;/p&gt;

&lt;h2&gt;
  
  
  How do metafields and metaobjects work together?
&lt;/h2&gt;

&lt;p&gt;In production, you rarely pick one exclusively. You connect them. The standard pattern:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Define the reusable entity as a metaobject (the "table").&lt;/li&gt;
&lt;li&gt;Add a metafield on the resource that needs to point to it. Type it as &lt;code&gt;metaobject_reference&lt;/code&gt; for a one-to-one link, or &lt;code&gt;list.metaobject_reference&lt;/code&gt; for one-to-many.&lt;/li&gt;
&lt;li&gt;Read the resolved data straight from the reference in Liquid. Shopify resolves the connected metaobject automatically, so you don't run a second query.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;A minimal example: a reusable "Size Chart" metaobject referenced from multiple products.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight toml"&gt;&lt;code&gt;&lt;span class="c"&gt;# shopify.app.toml: define the reusable entity&lt;/span&gt;
&lt;span class="nn"&gt;[metaobjects.app.size_chart]&lt;/span&gt;
&lt;span class="py"&gt;name&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Size Chart"&lt;/span&gt;
&lt;span class="py"&gt;display_name_field&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"chart_name"&lt;/span&gt;
&lt;span class="py"&gt;access.admin&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"merchant_read_write"&lt;/span&gt;

&lt;span class="nn"&gt;[metaobjects.app.size_chart.fields.chart_name]&lt;/span&gt;
&lt;span class="py"&gt;name&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Chart Name"&lt;/span&gt;
&lt;span class="py"&gt;type&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"single_line_text_field"&lt;/span&gt;
&lt;span class="py"&gt;required&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;

&lt;span class="nn"&gt;[metaobjects.app.size_chart.fields.measurements]&lt;/span&gt;
&lt;span class="py"&gt;name&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Measurements"&lt;/span&gt;
&lt;span class="py"&gt;type&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"multi_line_text_field"&lt;/span&gt;

&lt;span class="c"&gt;# Attach the reference to Product&lt;/span&gt;
&lt;span class="nn"&gt;[product.metafields.app.size_chart_ref]&lt;/span&gt;
&lt;span class="py"&gt;name&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Size Chart"&lt;/span&gt;
&lt;span class="py"&gt;type&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"metaobject_reference&amp;lt;$app:size_chart&amp;gt;"&lt;/span&gt;
&lt;span class="py"&gt;access.admin&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"merchant_read_write"&lt;/span&gt;
&lt;span class="py"&gt;access.storefront&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"public_read"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight liquid"&gt;&lt;code&gt;&lt;span class="cp"&gt;{%&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;assign&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nv"&gt;chart&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nv"&gt;product&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;metafields&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;app&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;size_chart_ref&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;value&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="cp"&gt;%}&lt;/span&gt;
&lt;span class="cp"&gt;{%&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;if&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nv"&gt;chart&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="cp"&gt;%}&lt;/span&gt;
  &amp;lt;h3&amp;gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nv"&gt;chart&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;chart_name&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;value&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;&amp;lt;/h3&amp;gt;
  &amp;lt;p&amp;gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nv"&gt;chart&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;measurements&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;value&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;&amp;lt;/p&amp;gt;
&lt;span class="cp"&gt;{%&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;endif&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="cp"&gt;%}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Twelve products can now point at the same three size charts. Update the chart once, and every product referencing it updates in the same request. That's the behavior a plain-text metafield can't give you, because each product would be carrying its own disconnected copy.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fgtj7kmoe5ztzlovb4pmy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fgtj7kmoe5ztzlovb4pmy.png" alt=" " width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What are the technical limits you'll actually hit at scale?
&lt;/h2&gt;

&lt;p&gt;Limits rarely bite during a demo. They bite eight months in, when a catalog has grown and nobody remembers the original schema decision. Here's what's currently published:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;Metafields&lt;/th&gt;
&lt;th&gt;Metaobjects&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Definition cap&lt;/td&gt;
&lt;td&gt;Up to 200 definitions per resource type, per app/merchant scope&lt;/td&gt;
&lt;td&gt;128 definitions per plan (Basic/Shopify/Advanced); 256 on Plus/Enterprise&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Fields per definition&lt;/td&gt;
&lt;td&gt;N/A, one field, one value&lt;/td&gt;
&lt;td&gt;Up to 40 fields per definition&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Entry/value cap&lt;/td&gt;
&lt;td&gt;Governed by resource and plan limits&lt;/td&gt;
&lt;td&gt;Up to 1,000,000 entries per definition&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Reusable across resources&lt;/td&gt;
&lt;td&gt;No, bound to one resource instance&lt;/td&gt;
&lt;td&gt;Yes, referenced from any number of resources&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Own URL / SEO metadata&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Yes, with the &lt;code&gt;renderable&lt;/code&gt; capability&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Standard access in Liquid&lt;/td&gt;
&lt;td&gt;Always accessible&lt;/td&gt;
&lt;td&gt;Must have Storefront access explicitly enabled to appear in the Storefront API (Liquid access is unaffected)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Two mistakes account for most of the support-forum traffic on this topic:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Forgetting that a metaobject definition is capped at 40 fields, then trying to force an entire product-spec sheet into one definition instead of splitting it into related metaobjects.&lt;/li&gt;
&lt;li&gt;Forgetting to flip on Storefront API access for a metaobject definition, then wondering why a headless build returns nothing even though the same data renders fine in Liquid.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  How does the choice affect Liquid and Storefront API performance?
&lt;/h2&gt;

&lt;p&gt;This is the part a lot of comparison posts skip.&lt;/p&gt;

&lt;p&gt;Reference-typed fields resolve efficiently. Shopify fetches the connected metaobject as part of the same GraphQL response, so a &lt;code&gt;metaobject_reference&lt;/code&gt; doesn't cost you a second round trip.&lt;/p&gt;

&lt;p&gt;The performance risk shows up one layer deeper, with nested references: a product referencing a metaobject that itself references another metaobject. Shopify's own data-modeling guidance flags this directly. Fetching "grandchild" data through an intermediate metaobject can hit nesting limits in the Storefront API, and it's harder to query than a flat list-of-references relationship.&lt;/p&gt;

&lt;p&gt;If you're modeling a genuine many-to-many join, expect the query cost. Cache aggressively rather than resolving nested references on every storefront request.&lt;/p&gt;

&lt;p&gt;The practical rule: keep reference chains one level deep wherever the storefront reads them on a hot path, like a PDP or collection grid. Push anything with a second layer of nesting into a build-time or cached read instead of a live per-request resolution.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's the decision framework for OS 2.0 architecture?
&lt;/h2&gt;

&lt;p&gt;Run new custom-data requirements through these questions, in order:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Does this value only ever apply to one resource instance?&lt;/strong&gt; → Metafield.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Does it need to be edited, searched, or reused in more than one place?&lt;/strong&gt; → Metaobject.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Does it need more than a handful of related fields, or its own indexed page?&lt;/strong&gt; → Metaobject.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Is it a relationship between two things that itself carries data&lt;/strong&gt;, like a quantity, a sort order, or a date range? → Intermediate metaobject acting as a join table.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Does it need to power admin filtering or a Shopify Flow trigger?&lt;/strong&gt; → Metafield with the relevant capability enabled, even if the value also happens to reference a metaobject.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;None of these are permanent decisions written in stone. Shopify allows changing some field-level settings after the fact. But changing a field's underlying type is tightly restricted once entries exist. The decision is far cheaper to get right at schema design time than to fix once a theme and forty products depend on it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Migration: what happens if you chose wrong?
&lt;/h2&gt;

&lt;p&gt;The most common wrong turn is starting with a large &lt;code&gt;multi_line_text_field&lt;/code&gt; or JSON-in-a-text-field metafield for something that should have been a metaobject from day one.&lt;/p&gt;

&lt;p&gt;The fix is mechanical but not instant:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Create the metaobject definition with the correct fields.&lt;/li&gt;
&lt;li&gt;Backfill entries from the existing metafield values using the GraphQL Admin API. This is a scripted, one-time migration, not something to do by hand past a handful of records.&lt;/li&gt;
&lt;li&gt;Add a new &lt;code&gt;metaobject_reference&lt;/code&gt; metafield on the parent resource(s) and point it at the new entries.&lt;/li&gt;
&lt;li&gt;Update theme sections to read from the reference instead of the flat text field.&lt;/li&gt;
&lt;li&gt;Leave the old metafield in place until the new path is verified in production, then remove it.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The inverse mistake, over-modeling a single-use attribute as a metaobject, is cheaper to unwind. Fold the fields back into a metafield and delete the now-unused definition.&lt;/p&gt;

&lt;p&gt;It's the direction most teams don't expect to need. That's exactly why it's worth checking before building: not every reusable-sounding field is actually reused anywhere yet.&lt;/p&gt;

&lt;h2&gt;
  
  
  FAQ
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Can a metaobject reference another metaobject?&lt;/strong&gt;&lt;br&gt;
Yes. Reference fields can point from one metaobject to another, which is how join-table patterns work. Keep an eye on nesting depth. Storefront API queries that resolve several reference layers deep get more expensive and can hit query-cost limits.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Do metaobjects work in Liquid the same way as the Storefront API?&lt;/strong&gt;&lt;br&gt;
Liquid can read metaobject data regardless of the Storefront API access setting. Headless storefronts built on the Storefront API need &lt;code&gt;access.storefront = "public_read"&lt;/code&gt; explicitly set on the definition, or the query returns nothing.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Is there a hard cap on how many metaobjects I can create?&lt;/strong&gt;&lt;br&gt;
Definitions are capped by plan: 128 on standard plans, 256 on Plus/Enterprise. Each definition can hold up to 1,000,000 entries. Standard metaobject definitions Shopify ships for things like product taxonomy don't count against that cap.&lt;/p&gt;

&lt;h2&gt;
  
  
  The default that scales
&lt;/h2&gt;

&lt;p&gt;Most OS 2.0 builds settle into the same pattern once the catalog is big enough to notice:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;metafields for the attributes that belong to one product, order, or customer&lt;/li&gt;
&lt;li&gt;metaobjects for the content that has to look the same everywhere it appears&lt;/li&gt;
&lt;li&gt;reference fields doing the connecting work in between&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Getting that split right before the theme is built around it is the difference between a schema change and a rebuild. It's also the baseline architecture Lucent Innovation's &lt;a href="https://www.lucentinnovation.com/services/shopify-development-agency" rel="noopener noreferrer"&gt;Shopify Development&lt;/a&gt; team designs into every custom OS 2.0 storefront, so merchant content teams aren't stuck re-modeling data six months after launch.&lt;/p&gt;

&lt;p&gt;What's the messiest metafield-vs-metaobject call you've had to untangle on a live store?&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>webdev</category>
      <category>architecture</category>
      <category>ecommerce</category>
    </item>
    <item>
      <title>Debugging Shopify Webhook Delivery Failures: A Developer Checklist</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Tue, 04 Aug 2026 13:05:09 +0000</pubDate>
      <link>https://dev.to/lucy1/debugging-shopify-webhook-delivery-failures-a-developer-checklist-5f28</link>
      <guid>https://dev.to/lucy1/debugging-shopify-webhook-delivery-failures-a-developer-checklist-5f28</guid>
      <description>&lt;p&gt;&lt;strong&gt;Quick answer:&lt;/strong&gt; Most "missing webhook" bugs on Shopify aren't Shopify's fault. Your endpoint either takes longer than 5 seconds to respond, fails HMAC verification because the body was already parsed, or processes the same delivery twice because there's no dedupe check. Shopify retries a failed delivery 8 times over 4 hours with exponential backoff, then drops the event for good. This post walks through how to find out which of those it actually is, using Shopify's own delivery logs instead of guesswork.&lt;/p&gt;

&lt;p&gt;If you've ever had a merchant email you about an order that "never showed up" in your system, only to find Shopify's dashboard says the order exists and the webhook fired, this is for you.&lt;/p&gt;

&lt;h2&gt;
  
  
  What actually causes Shopify webhook delivery failures?
&lt;/h2&gt;

&lt;p&gt;In practice, almost every failed delivery falls into one of five buckets:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Timeout.&lt;/strong&gt; Your endpoint didn't return a &lt;code&gt;200&lt;/code&gt; within 5 seconds.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Signature mismatch.&lt;/strong&gt; HMAC verification failed, usually because the raw body was mutated before verification ran.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Silent duplicate processing.&lt;/strong&gt; The same event arrived twice and got processed twice, which looks like a data bug but is really a missing dedupe check.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Subscription removal.&lt;/strong&gt; Repeated failures caused Shopify to auto-delete the subscription, so you stopped receiving anything and didn't notice.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Stale payload assumptions.&lt;/strong&gt; A retried webhook carries the &lt;em&gt;original&lt;/em&gt; payload from when it was first triggered, not the current state, so code that assumes "this payload is always fresh" quietly does the wrong thing.
None of these show up as a stack trace in your own logs. They show up as a missing order, a duplicate charge, or a support ticket. The fastest way to tell them apart is to stop guessing and pull Shopify's own delivery data first, which is covered a few sections down.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  How does Shopify's retry system actually work?
&lt;/h2&gt;

&lt;p&gt;Shopify's current policy, in place since a September 2024 update, retries a failed webhook delivery up to 8 times over a 4-hour window using exponential backoff. A &lt;code&gt;200&lt;/code&gt;-series response counts as success. Anything else, including a &lt;code&gt;3xx&lt;/code&gt; redirect, counts as a failure and queues a retry. After the 8th failed attempt, Shopify stops trying and the event is gone unless you reconstruct it yourself from the Admin API.&lt;/p&gt;

&lt;p&gt;Shopify doesn't publish the exact per-attempt schedule, only the total shape (8 attempts, 4 hours, exponential backoff), so treat the chart below as directional rather than a literal timetable. If you're reading an older tutorial describing a much longer retry window, it predates this change.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fiia8fsauo8vw3u8zsv6h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fiia8fsauo8vw3u8zsv6h.png" alt=" " width="799" height="317"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Two details in the &lt;a href="https://shopify.dev/changelog/updates-to-webhook-retry-mechanism" rel="noopener noreferrer"&gt;retry mechanism changelog&lt;/a&gt; matter more than the headline number:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Retried deliveries reuse the original payload and address.&lt;/strong&gt; If you change your endpoint URL mid-retry-cycle, the retry still goes to the old address. Keep the old endpoint alive for a while during any migration.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Use &lt;code&gt;X-Shopify-Triggered-At&lt;/code&gt;, not "now," to judge freshness.&lt;/strong&gt; If your handler assumes every delivery reflects the current state of the resource, a late retry will overwrite newer data with older data.
## Why do webhooks time out even when your server is healthy?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is the failure mode that confuses people most, because their server looks fine in every other metric. According to &lt;a href="https://shopify.dev/docs/apps/build/webhooks/verify-deliveries" rel="noopener noreferrer"&gt;Shopify's guidance on verifying deliveries&lt;/a&gt;, Shopify allows a one-second connection timeout and a five-second timeout for the entire request-response cycle. That five seconds has to cover TLS handshake, routing through any load balancer or serverless cold start, your handler's logic, and the response write.&lt;/p&gt;

&lt;p&gt;The usual culprit is doing real work inside the request handler: writing to a database, calling a third-party API, resizing an image, or running any business logic before responding. If any of that occasionally takes more than a couple of seconds, you'll see intermittent failures that look mysterious, because the work usually finishes anyway, just after Shopify already marked the delivery as failed and queued a retry.&lt;/p&gt;

&lt;p&gt;The fix Shopify itself recommends is to treat the webhook endpoint as a thin acknowledgment layer and nothing else:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// webhook-receiver.js&lt;/span&gt;
&lt;span class="c1"&gt;// Keep this handler doing almost nothing. Verify, queue, respond.&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;express&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;require&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;express&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;crypto&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;require&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;crypto&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;app&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;express&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;app&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;post&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;/webhooks/orders&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;express&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;raw&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;*/*&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt; &lt;span class="p"&gt;}),&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;req&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;digest&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;crypto&lt;/span&gt;
    &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;createHmac&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;sha256&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;process&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;env&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;SHOPIFY_CLIENT_SECRET&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;update&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;req&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;body&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;digest&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;base64&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;signature&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;req&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;headers&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;x-shopify-hmac-sha256&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;];&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;isValid&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;crypto&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;timingSafeEqual&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="nx"&gt;Buffer&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="k"&gt;from&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;digest&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;base64&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
    &lt;span class="nx"&gt;Buffer&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="k"&gt;from&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;signature&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;base64&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;

  &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="o"&gt;!&lt;/span&gt;&lt;span class="nx"&gt;isValid&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;status&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;401&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;send&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Invalid signature&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="c1"&gt;// Hand the raw payload to a queue and return immediately.&lt;/span&gt;
  &lt;span class="c1"&gt;// Do NOT touch a database or call another API before this line.&lt;/span&gt;
  &lt;span class="nx"&gt;jobQueue&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;enqueue&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;shopify-webhook&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;webhookId&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;req&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;headers&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;x-shopify-webhook-id&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;
    &lt;span class="na"&gt;topic&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;req&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;headers&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;x-shopify-topic&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;
    &lt;span class="na"&gt;triggeredAt&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;req&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;headers&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;x-shopify-triggered-at&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;
    &lt;span class="na"&gt;body&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;req&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;body&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;toString&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;utf8&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
  &lt;span class="p"&gt;});&lt;/span&gt;

  &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;status&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;200&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;send&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;ok&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;A background worker then pulls from that queue and does the actual database write or API call, on its own schedule, with no 5-second clock running. This single change eliminates most timeout-related failures without touching your retry or business logic at all.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyobxbu9bkqugmk46fuk0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyobxbu9bkqugmk46fuk0.png" alt=" " width="800" height="380"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How do you verify a delivery actually came from Shopify?
&lt;/h2&gt;

&lt;p&gt;Every HTTPS delivery includes a base64-encoded HMAC-SHA256 signature in the &lt;code&gt;X-Shopify-Hmac-Sha256&lt;/code&gt; header, computed from your app's client secret and the raw request body, per &lt;a href="https://shopify.dev/docs/apps/build/webhooks/verify-deliveries" rel="noopener noreferrer"&gt;Shopify's verification docs&lt;/a&gt;. Skipping this check, or getting it wrong, is the second most common source of "delivery failed" errors after timeouts.&lt;/p&gt;

&lt;p&gt;Three mistakes account for almost all HMAC verification bugs:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Body already parsed.&lt;/strong&gt; If &lt;code&gt;express.json()&lt;/code&gt; or an equivalent middleware runs before your verification code, it has already mutated the body you need to hash. Verification must happen against the exact raw bytes Shopify sent, which means your raw-body middleware has to run first, not your JSON parser.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;String comparison instead of constant-time comparison.&lt;/strong&gt; Comparing signatures with &lt;code&gt;===&lt;/code&gt; leaks timing information. Use &lt;code&gt;crypto.timingSafeEqual&lt;/code&gt; (or your language's equivalent) instead.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Verifying against a secret that just rotated.&lt;/strong&gt; If you rotate your app's client secret, Shopify notes it can take up to an hour before the HMAC digest is generated with the new secret. A verification failure right after a rotation isn't necessarily a bug in your code.
Treat header names as case-insensitive in your code. Shopify documents that HTTP/2 often lowercases them, so &lt;code&gt;X-Shopify-Hmac-Sha256&lt;/code&gt; and &lt;code&gt;x-shopify-hmac-sha256&lt;/code&gt; need to resolve to the same value in your handler.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why are you getting duplicate webhook deliveries?
&lt;/h2&gt;

&lt;p&gt;Shopify's own documentation is direct about this: it minimizes duplicate deliveries but doesn't guarantee exactly-once delivery, so your app might receive the same webhook more than once, for example after a network timeout that happens right as your response is in flight. If your database write isn't idempotent, a duplicate delivery becomes a duplicate order note, a double-counted inventory adjustment, or a second email to a customer.&lt;/p&gt;

&lt;p&gt;Two headers, &lt;a href="https://shopify.dev/docs/apps/build/webhooks/delivery-structure" rel="noopener noreferrer"&gt;documented in Shopify's delivery structure reference&lt;/a&gt;, matter here, and mixing them up is a common source of confusion:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Header&lt;/th&gt;
&lt;th&gt;What it identifies&lt;/th&gt;
&lt;th&gt;Use it to&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;X-Shopify-Webhook-Id&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;A unique key per individual delivery&lt;/td&gt;
&lt;td&gt;Deduplicate a single delivery you may have already processed&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;X-Shopify-Event-Id&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Shared across every delivery triggered by the same merchant action&lt;/td&gt;
&lt;td&gt;Correlate deliveries across multiple subscriptions to the same topic&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;If you have more than one subscription listening to the same topic, you'll get a separate delivery, with a separate &lt;code&gt;X-Shopify-Webhook-Id&lt;/code&gt;, for each one. Dedupe on the webhook ID, not the event ID, or you'll silently drop deliveries you actually needed.&lt;/p&gt;

&lt;p&gt;The dedupe check itself is simple: before processing, look up the &lt;code&gt;X-Shopify-Webhook-Id&lt;/code&gt; in whatever persistent store you're already using (Redis, a database table, whatever fits your stack). If it's been seen, skip processing and return success anyway, since Shopify already got the acknowledgment it needed. If it's new, save the ID and process it.&lt;/p&gt;

&lt;p&gt;We've hit this exact problem doing &lt;a href="https://www.lucentinnovation.com/services/shopify-app-development" rel="noopener noreferrer"&gt;custom Shopify webhook integration development&lt;/a&gt; for merchants pushing orders into an external system in near real time. The failure mode is never dramatic. It's a handful of orders that get written twice into an ERP because a retry landed a few seconds after the original delivery finished processing, and nobody notices until someone reconciles the numbers weeks later.&lt;/p&gt;

&lt;h2&gt;
  
  
  How do you read Shopify's delivery logs before building your own?
&lt;/h2&gt;

&lt;p&gt;If your app was created through the Dev Dashboard or Shopify CLI, &lt;a href="https://shopify.dev/docs/apps/build/webhooks/troubleshoot" rel="noopener noreferrer"&gt;Shopify's troubleshooting guide&lt;/a&gt; points you to a delivery metrics report before you write a single line of custom monitoring. It's worth using this first, because it already has the data you'd otherwise have to reconstruct from your own logs.&lt;/p&gt;

&lt;p&gt;The &lt;strong&gt;Monitoring&lt;/strong&gt; page (Dev Dashboard → your app → Monitoring) shows, per topic, over the last 7 days:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Total deliveries and failed delivery rate&lt;/li&gt;
&lt;li&gt;Response time at the 90th percentile&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How many webhook subscriptions have been auto-removed&lt;br&gt;
Shopify's own guidance on what counts as a real problem is specific enough to skip a lot of debate:&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;A &lt;strong&gt;failed delivery rate over 0.5%&lt;/strong&gt; is higher than average and worth investigating.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Response times sitting between 4 and 5 seconds&lt;/strong&gt; mean you're right at the timeout edge, not comfortably under it.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;If &lt;strong&gt;every topic&lt;/strong&gt; has a high failure rate at once, the problem is your backend being down, not any single handler.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;If &lt;strong&gt;removed webhooks&lt;/strong&gt; shows a nonzero count, you have subscriptions that stopped delivering and nobody re-created them.&lt;br&gt;
The &lt;strong&gt;Logs&lt;/strong&gt; page lets you inspect an individual delivery: response code, response time, payload size, delivery attempt number, and the HMAC signature that was sent. That last field is genuinely useful for a specific class of bug: when your local testing works, production HMAC verification doesn't, and you need to confirm whether the signature Shopify sent even matches what you're computing.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What happens after Shopify removes your webhook subscription?
&lt;/h2&gt;

&lt;p&gt;This is the failure mode that does the most silent damage, because nothing errors, you just... stop getting data. If deliveries to a subscription keep failing, Shopify auto-removes it, and warning emails go to your app's emergency developer email address, which is easy to have pointed at an inbox nobody checks.&lt;/p&gt;

&lt;p&gt;Recovery depends on how the subscription was created:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;App-specific subscriptions&lt;/strong&gt; (declared in &lt;code&gt;shopify.app.toml&lt;/code&gt; and deployed with your app) don't need manual re-subscription; they're tied to the app's own configuration rather than a one-off API call.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Shop-specific subscriptions&lt;/strong&gt; (created through the Admin API for an individual merchant) need to be recreated, and Shopify recommends checking existing subscriptions first so you only create what's missing.
Either way, re-subscribing only fixes the going-forward problem. The gap in data during the outage still has to be backfilled by fetching the missing records from the Admin API and feeding them back through your normal processing path. This is the part teams skip, and it's the part that actually prevents a customer support ticket three weeks later asking why an order from last month never triggered a fulfillment.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  A quick diagnostic checklist
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Symptom&lt;/th&gt;
&lt;th&gt;Likely cause&lt;/th&gt;
&lt;th&gt;What to check first&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Deliveries fail intermittently, server looks fine&lt;/td&gt;
&lt;td&gt;Handler doing real work before responding&lt;/td&gt;
&lt;td&gt;Response time in delivery logs, especially the 4-5s range&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;All deliveries return 401&lt;/td&gt;
&lt;td&gt;HMAC secret mismatch or wrong raw body&lt;/td&gt;
&lt;td&gt;Confirm raw-body middleware runs before any JSON parser&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Same order processed twice&lt;/td&gt;
&lt;td&gt;No dedupe check&lt;/td&gt;
&lt;td&gt;Add a store keyed on &lt;code&gt;X-Shopify-Webhook-Id&lt;/code&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Data stopped arriving entirely, no errors anywhere&lt;/td&gt;
&lt;td&gt;Subscription auto-removed after repeated failures&lt;/td&gt;
&lt;td&gt;Dev Dashboard "Removed webhooks" metric, emergency developer email&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Old data overwriting new data after an outage&lt;/td&gt;
&lt;td&gt;Retry delivered a stale, original payload&lt;/td&gt;
&lt;td&gt;Compare &lt;code&gt;X-Shopify-Triggered-At&lt;/code&gt; against current record timestamp&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Works locally, fails in production&lt;/td&gt;
&lt;td&gt;Different secret, or a proxy mutating the body&lt;/td&gt;
&lt;td&gt;Re-verify HMAC using the exact production request body&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Building retry logic that survives a longer outage
&lt;/h2&gt;

&lt;p&gt;Shopify's 4-hour retry window is generous for a blip, not for a real outage. If your own deployment goes down for longer than that, you need your own resilience layer on top of Shopify's, not instead of it. The pattern that holds up in production, echoed in &lt;a href="https://aws.amazon.com/blogs/architecture/exponential-backoff-and-jitter/" rel="noopener noreferrer"&gt;AWS's canonical guidance on backoff and jitter&lt;/a&gt; and its &lt;a href="https://docs.aws.amazon.com/wellarchitected/latest/framework/rel_mitigate_interaction_failure_limit_retries.html" rel="noopener noreferrer"&gt;Well-Architected Framework retry guidance&lt;/a&gt;, comes down to a short list: acknowledge fast, classify errors so only transient ones get retried, add jitter so recovering clients don't all retry in the same instant, cap the number of attempts, and reconcile against the source of truth afterward rather than assuming your queue caught everything.&lt;/p&gt;

&lt;p&gt;None of that is Shopify-specific. It's the same reason exponential backoff without jitter still clusters retries into waves, and why a dead letter queue matters more than a longer retry window.&lt;/p&gt;

&lt;p&gt;This is exactly why we hit similar sync issues building custom order-sync middleware for a manufacturing client, connecting Shopify to an ERP and a 3PL provider. Retry tuning helped. A reconciliation job that periodically compared both systems and caught what fell through is what actually stopped orders from silently going missing.&lt;/p&gt;




&lt;p&gt;What's the strangest webhook failure you've had to track down, and did Shopify's own delivery logs actually explain it, or did you end up debugging blind? Drop it in the comments, I'd like to compare notes.&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>webhooks</category>
      <category>webdev</category>
      <category>debugging</category>
    </item>
    <item>
      <title>Shopify AI Search Optimization: How to Make Your Store Visible Inside ChatGPT, Perplexity, and Google AI Mode</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Wed, 29 Jul 2026 06:22:47 +0000</pubDate>
      <link>https://dev.to/lucy1/shopify-ai-search-optimization-how-to-make-your-store-visible-inside-chatgpt-perplexity-and-4d45</link>
      <guid>https://dev.to/lucy1/shopify-ai-search-optimization-how-to-make-your-store-visible-inside-chatgpt-perplexity-and-4d45</guid>
      <description>&lt;p&gt;&lt;em&gt;Direct answer: Shopify AI search optimization (GEO) means structuring your product and content pages so ChatGPT, Perplexity, Google AI Mode, and Copilot can read, trust, and cite them. In practice that comes down to three things: clean schema.org markup on every product page, a healthy Google/Bing Merchant Center feed, and content written in a self-contained, fact-dense style that AI systems can lift and quote. Below is exactly how the major platforms pull Shopify product data in 2026, and a checklist you can run today.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Shopify Merchants Can't Ignore AI Search Anymore
&lt;/h2&gt;

&lt;p&gt;For most of the last decade, "getting found" meant ranking in ten blue links. That's no longer the whole game. Shoppers now ask ChatGPT to compare running shoes, ask Perplexity what the best gift is for a new homeowner, and ask Google AI Mode to shortlist skincare brands before they ever open a browser tab to search normally.&lt;/p&gt;

&lt;p&gt;The interesting part is that this isn't a hypothetical shift for Shopify merchants specifically. Shopify has already built the plumbing for it. Shopify Catalog automatically syndicates product data to connected AI platforms including Perplexity, ChatGPT, and Google AI Mode, and when a shopper completes a purchase through one of these assistants, checkout still happens on the merchant's own store using their existing payment setup, according to &lt;a href="https://www.shopify.com/blog/perplexity-shopping" rel="noopener noreferrer"&gt;Shopify's own guide to Perplexity Shopping&lt;/a&gt;. In other words, the infrastructure exists. Most stores just aren't feeding it correctly.&lt;/p&gt;

&lt;p&gt;That's the gap this post covers: what "AI search optimization" (often called Generative Engine Optimization, or GEO) actually means for a Shopify store, how each AI platform sources its data, and what a merchant or their dev team should fix first.&lt;/p&gt;

&lt;h2&gt;
  
  
  How Do AI Shopping Assistants Actually Find Your Products?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi1qn3ozabxxflauuap6v.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi1qn3ozabxxflauuap6v.png" alt=" " width="800" height="450"&gt;&lt;/a&gt;&lt;br&gt;
This is the part most merchants get wrong, because it's easy to assume ChatGPT "crawls your site" the way Googlebot does. It mostly doesn't. Each platform has a different pipeline, and knowing which one matters for you changes where you spend effort.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;ChatGPT Shopping&lt;/strong&gt; draws roughly 83% of its product recommendations from Google Shopping's organic index, based on a March 2026 analysis of 43,000 carousel products that found base64-encoded Google Shopping parameters embedded in ChatGPT's source code, confirming a direct pipeline from Google Merchant Center feeds into ChatGPT's results, according to &lt;a href="https://www.getpassionfruit.com/blog/how-to-optimize-product-feeds-for-chatgpt-shopping-perplexity-and-ai-commerce" rel="noopener noreferrer"&gt;a feed-optimization breakdown of that research&lt;/a&gt;. Shopify merchants in the US get automatic catalog syndication into ChatGPT through Shopify's own Agentic Storefront integration.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Perplexity Shopping&lt;/strong&gt; is closer to a real-time researcher. It crawls your live HTML and cites the exact page it pulled facts from, and its shoppers convert at a notably higher average order value than other AI referral traffic, per Shopify's Perplexity guide.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Google AI Mode&lt;/strong&gt; leans on the existing Shopping Graph, meaning your Google Merchant Center feed and on-page schema still do most of the work.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Microsoft Copilot&lt;/strong&gt; runs on Bing Merchant Center and, as of a January 2026 rollout, offers checkout inside the chat window itself for eligible Shopify merchants, per &lt;a href="https://aiadvantageagency.com/ai-shopping-platforms-for-ecommerce/" rel="noopener noreferrer"&gt;an ecommerce AI platform comparison&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Platform&lt;/th&gt;
&lt;th&gt;Primary data source&lt;/th&gt;
&lt;th&gt;What actually moves the needle&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;ChatGPT Shopping&lt;/td&gt;
&lt;td&gt;Google Shopping feed (via Shopify Agentic Storefront)&lt;/td&gt;
&lt;td&gt;Clean Merchant Center feed, GTIN, full descriptions&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Perplexity Shopping&lt;/td&gt;
&lt;td&gt;Live HTML crawl + Shopify Catalog&lt;/td&gt;
&lt;td&gt;On-page schema, real prices, return policy fields&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Google AI Mode&lt;/td&gt;
&lt;td&gt;Shopping Graph&lt;/td&gt;
&lt;td&gt;Merchant Center feed + Product/Offer schema&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Microsoft Copilot&lt;/td&gt;
&lt;td&gt;Bing Merchant Center&lt;/td&gt;
&lt;td&gt;Feed hygiene + Copilot Checkout enrollment&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;The practical takeaway: your Google Merchant Center feed and your on-page schema aren't separate SEO and "AI SEO" tasks anymore. They're the same infrastructure two different systems are reading.&lt;/p&gt;
&lt;h2&gt;
  
  
  What Structured Data Does an AI Engine Actually Need From a Product Page?
&lt;/h2&gt;

&lt;p&gt;Structured data is how you tell a machine that "$89" is a price and "4.7/5" is a rating, rather than making it guess from surrounding text. Most Shopify themes add basic Product schema automatically, but an audit of 2,400 Shopify product pages found only 9% carried the structured data required for ChatGPT or Perplexity to reliably recommend them, per &lt;a href="https://wrkngdigital.com/post/how-shopify-stores-get-recommended-by-chatgpt-and-perplexity-in-2026" rel="noopener noreferrer"&gt;an analysis of Shopify AI visibility&lt;/a&gt;. The gap is usually in the fields nobody thinks about: shipping details, return policy, and review counts.&lt;/p&gt;

&lt;p&gt;A reasonably complete Product schema block looks like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"@context"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"https://schema.org"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"@type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Product"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Example Product Name"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"image"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"https://cdn.shopify.com/example.jpg"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"description"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"A full, specific product description, not a five-word title restated."&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"brand"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nl"&gt;"@type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Brand"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nl"&gt;"name"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Your Brand"&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"sku"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"SKU-1234"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"gtin13"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"0012345678905"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"offers"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"@type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Offer"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"priceCurrency"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"USD"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"price"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"89.00"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"availability"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"https://schema.org/InStock"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"shippingDetails"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"@type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"OfferShippingDetails"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"shippingRate"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nl"&gt;"@type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"MonetaryAmount"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nl"&gt;"value"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"0"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nl"&gt;"currency"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"USD"&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"hasMerchantReturnPolicy"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"@type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"MerchantReturnPolicy"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"returnPolicyCategory"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"https://schema.org/MerchantReturnFiniteReturnWindow"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
      &lt;/span&gt;&lt;span class="nl"&gt;"merchantReturnDays"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="mi"&gt;30&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"aggregateRating"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"@type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"AggregateRating"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"ratingValue"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"4.7"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"reviewCount"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"182"&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Two fields worth flagging specifically because they're the ones most themes skip: &lt;code&gt;hasMerchantReturnPolicy&lt;/code&gt; and &lt;code&gt;shippingDetails&lt;/code&gt;. Shipping and return terms are now a comparison criterion AI assistants use to decide between two similar products, not just legal boilerplate buried in a footer link.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4zoxdvrsx757nqta7mcg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4zoxdvrsx757nqta7mcg.png" alt=" " width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Does llms.txt Actually Help a Shopify Store Get Cited?
&lt;/h2&gt;

&lt;p&gt;This one deserves an honest answer rather than a hype-cycle one. llms.txt is a proposed standard, introduced in September 2024 by Jeremy Howard of Answer.AI, that puts a curated Markdown map of a site's key pages at the domain root, similar in spirit to robots.txt but aimed at language models instead of search crawlers, as documented in &lt;a href="https://searchengineland.com/llms-txt-proposed-standard-453676" rel="noopener noreferrer"&gt;Search Engine Land's coverage of the proposal&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;It has real traction in one specific use case: developer documentation for coding assistants and AI agents. It is far shakier as a general AI-search ranking lever. One large-scale analysis of AI bot traffic found that requests to &lt;code&gt;/llms.txt&lt;/code&gt; were statistically negligible among the user agents that actually drive citations, such as GPTBot, ClaudeBot, and PerplexityBot, meaning most AI systems answering shopping questions in 2026 simply aren't reading it yet.&lt;/p&gt;

&lt;p&gt;The pragmatic move for a Shopify store: add a lightweight llms.txt if it takes an hour, since there's no real downside, but don't treat it as a substitute for the fundamentals above. Structured data and feed hygiene are doing the actual work right now.&lt;/p&gt;

&lt;h2&gt;
  
  
  How Should Product and Blog Content Be Written So AI Engines Want to Quote It?
&lt;/h2&gt;

&lt;p&gt;Generative engines retrieve short passages, not whole pages, so the unit of content that gets cited is a sentence or two, not a paragraph. Research from Princeton, Georgia Tech, and IIT Delhi found that content optimized for this pattern achieved measurably higher visibility in AI-generated answers, with the biggest single gains coming from adding verifiable statistics to a passage and from leading with a definition-first sentence rather than a scene-setting one, according to &lt;a href="https://red-engage.com/blog/generative-engine-optimization" rel="noopener noreferrer"&gt;a summary of that research&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;What that looks like in practice on a Shopify blog or PDP:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Lead with the answer.&lt;/strong&gt; Put the direct, factual sentence first in every section, something like "A composting bin needs airflow on at least two sides," before the supporting explanation.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Make each paragraph stand alone.&lt;/strong&gt; Assume an AI system will lift that one paragraph out of context and quote it. Don't rely on "as mentioned above."&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Use question-style H2s.&lt;/strong&gt; "What size composting bin do I need for a family of four?" mirrors how people actually phrase prompts, far more than "Composting Bin Sizes."&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Cite something verifiable.&lt;/strong&gt; A specific number, a named study, or a dated fact gets picked up far more often than a general claim.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Refresh the page.&lt;/strong&gt; AI engines weigh recency when choosing which source to cite, so a guide last touched in 2023 loses ground to a competitor's 2026 update on the same topic.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  A Practical GEO Checklist for Shopify Merchants
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Audit every product page for &lt;code&gt;Offer&lt;/code&gt;, &lt;code&gt;AggregateRating&lt;/code&gt;, &lt;code&gt;MerchantReturnPolicy&lt;/code&gt;, and &lt;code&gt;OfferShippingDetails&lt;/code&gt; schema, not just basic Product markup.&lt;/li&gt;
&lt;li&gt;Check your Google Merchant Center and Bing Merchant Center feeds for stale "in stock" flags. This is one of the fastest ways to get a feed quality-flagged and dropped from AI shopping results.&lt;/li&gt;
&lt;li&gt;Confirm your robots.txt isn't accidentally blocking GPTBot, PerplexityBot, or OAI-SearchBot. Cloudflare's default configuration change in 2025 caused a wave of sites to block AI bots without realizing it.&lt;/li&gt;
&lt;li&gt;Make sure product pages render server-side. AI crawlers generally don't execute heavy client-side JavaScript the way a human browser does.&lt;/li&gt;
&lt;li&gt;Write full, specific product descriptions. A 15-word description gives an AI system almost nothing to reason over when it's matching your product to a conversational query.&lt;/li&gt;
&lt;li&gt;Republish or refresh cornerstone guides at least twice a year with a visible "last updated" date.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fuuo49a4832911h3f3ceh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fuuo49a4832911h3f3ceh.png" alt=" " width="800" height="390"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Who Should Actually Run This Audit?
&lt;/h2&gt;

&lt;p&gt;None of the above is exotic engineering, but it does touch theme templates, feed configuration, and content strategy at the same time, which is exactly where things get missed on a live store. This is the kind of cross-cutting technical and content work a team of &lt;a href="https://www.lucentinnovation.com/services/shopify-expert-agency" rel="noopener noreferrer"&gt;dedicated Shopify specialists&lt;/a&gt; is set up to audit and implement properly, because it means checking schema output against the live theme, not just the store's settings panel, and tying that back into how product copy is actually written.&lt;/p&gt;

&lt;p&gt;If you're not sure where your own store stands on any of the checklist above, that's usually the first thing worth having someone independently look at before you spend a quarter chasing individual AI platforms one by one.&lt;/p&gt;

&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Does GEO replace traditional SEO for a Shopify store?&lt;/strong&gt;&lt;br&gt;
No. GEO builds on the same technical foundation as SEO (crawlability, structured data, fast pages) and adds a layer on top for how AI systems retrieve and cite content.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Which AI shopping platform should a Shopify merchant prioritize first?&lt;/strong&gt;&lt;br&gt;
Start with your Google Merchant Center feed. It feeds Google Shopping, Google AI Mode, and indirectly a large share of ChatGPT Shopping's results, so fixing it once pays off across multiple platforms.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Is llms.txt required for a Shopify store?&lt;/strong&gt;&lt;br&gt;
No. It's optional and low-cost to add, but current data suggests the major AI shopping crawlers aren't reading it in meaningful volume yet.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How long does it take to see AI citations after making these changes?&lt;/strong&gt;&lt;br&gt;
Perplexity, which relies on real-time web retrieval, can pick up freshly published or updated content within days. Feed-based platforms like ChatGPT Shopping and Google AI Mode typically lag behind the next feed refresh cycle, which can take longer.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Have you checked whether your own product pages actually render their schema correctly once the theme's JavaScript runs? Curious what others are finding when they audit their live Shopify stores for this. Drop what you find in the comments.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>shopifyseo</category>
      <category>ai</category>
      <category>ecommerce</category>
    </item>
    <item>
      <title>Shopify Checkout UI Extension Development: A Step-by-Step Guide (2026)</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Tue, 21 Jul 2026 07:05:17 +0000</pubDate>
      <link>https://dev.to/lucy1/shopify-checkout-ui-extension-development-a-step-by-step-guide-2026-441f</link>
      <guid>https://dev.to/lucy1/shopify-checkout-ui-extension-development-a-step-by-step-guide-2026-441f</guid>
      <description>&lt;p&gt;Shopify checkout UI extension development means building a small, sandboxed React or Preact component that Shopify renders inside a fixed slot in checkout, such as a block on the Thank you page or a static area next to the cart line items. This guide scaffolds one from a real Shopify CLI project, reads and writes checkout data through the current &lt;code&gt;shopify&lt;/code&gt; global object, tests it locally, and deploys it under the platform's actual constraints. By the end you'll have a working delivery-instructions extension and a clear list of the places these extensions tend to fail once real customers start using them.&lt;/p&gt;

&lt;h2&gt;
  
  
  What You're Building (and What This Guide Skips)
&lt;/h2&gt;

&lt;p&gt;The extension in this walkthrough adds a text field to checkout where a customer can leave a note for the courier, and it shows the current order subtotal above the field. That's deliberately small. It exercises the three things almost every checkout UI extension needs: a target, a read from the &lt;code&gt;shopify&lt;/code&gt; object, and a write back to the order.&lt;/p&gt;

&lt;p&gt;This guide does not cover Shopify Functions (server-side discount, shipping, and payment logic), the Branding API (colors, fonts, and layout), or post-purchase upsell offers. Those are real parts of checkout extensibility, but they solve different problems and deserve their own walkthroughs. Shopify maintains its own &lt;a href="https://shopify.dev/docs/apps/build/checkout/fields-banners/add-field" rel="noopener noreferrer"&gt;custom fields tutorial&lt;/a&gt; covering a similar delivery-instructions pattern, worth a look once you want the officially maintained reference version alongside this one. The next section explains how to tell which one you actually need.&lt;/p&gt;

&lt;h2&gt;
  
  
  Checkout UI Extensions vs. Shopify Functions: Which One Do You Actually Need?
&lt;/h2&gt;

&lt;p&gt;If the customer needs to see or interact with something, you want a UI extension. If you need to change a price, a discount, a shipping rate, or which payment methods appear, you want a Function. UI extensions render interface inside a sandboxed environment; Functions run server-side with no rendering at all, according to &lt;a href="https://shopify.dev/docs/apps/build/checkout" rel="noopener noreferrer"&gt;Shopify's documentation on apps in checkout&lt;/a&gt;.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;Checkout UI Extensions&lt;/th&gt;
&lt;th&gt;Shopify Functions&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Renders visible UI&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Runs where&lt;/td&gt;
&lt;td&gt;Client-side, inside a Web Worker sandbox&lt;/td&gt;
&lt;td&gt;Server-side, on Shopify's infrastructure&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Typical use&lt;/td&gt;
&lt;td&gt;Custom fields, banners, upsell blocks, trust badges&lt;/td&gt;
&lt;td&gt;Discount logic, shipping rate changes, payment method ordering&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Data access&lt;/td&gt;
&lt;td&gt;Reads/writes cart and checkout data through the &lt;code&gt;shopify&lt;/code&gt; object&lt;/td&gt;
&lt;td&gt;Reads structured input, returns structured output, no direct cart mutation&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Plan requirement&lt;/td&gt;
&lt;td&gt;Available on all plans; the information, shipping, and payment steps still require Shopify Plus&lt;/td&gt;
&lt;td&gt;Available broadly, most often paired with Plus-tier checkout customization&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Teams often reach for a UI extension when the real problem is a Function, which is why a custom field ends up trying to also silently change a shipping rate through a side channel. Keep the two separate. If your logic doesn't need to be seen, it probably belongs in a Function instead.&lt;/p&gt;

&lt;p&gt;It's also worth knowing what these two tools replaced. Shopify Scripts, the old way to write custom discount and shipping logic for Plus stores, stopped executing on June 30, 2026, after running alongside checkout extensions during a transition window that &lt;a href="https://shopify.dev/docs/apps/build/checkout#upgrade" rel="noopener noreferrer"&gt;Shopify's own documentation confirms&lt;/a&gt;. Anything still living in an old Script needs to move to a Function now, not a UI extension.&lt;/p&gt;

&lt;h2&gt;
  
  
  Prerequisites
&lt;/h2&gt;

&lt;p&gt;You'll need:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Node.js and a recent Shopify CLI install&lt;/li&gt;
&lt;li&gt;A Partner account and a development store with checkout extensibility enabled&lt;/li&gt;
&lt;li&gt;An existing custom or public app to attach the extension to (or scaffold a new one with &lt;code&gt;shopify app init&lt;/code&gt;)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Set the API version to the latest stable release in your configuration file rather than pinning to whatever version a tutorial used months ago. Each stable version stays supported for a minimum of 12 months, and the CLI blocks deploys against versions older than that window.&lt;/p&gt;

&lt;h2&gt;
  
  
  Scaffold the Extension
&lt;/h2&gt;

&lt;p&gt;From inside your app directory, generate the extension:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;cd &lt;/span&gt;my-app
shopify app generate extension &lt;span class="nt"&gt;--template&lt;/span&gt; checkout_ui
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This creates a folder with a &lt;code&gt;shopify.extension.toml&lt;/code&gt; configuration file and a templated JSX entry point. Edit the TOML to point at a block target, which is the placement type merchants can position themselves using the checkout editor:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight toml"&gt;&lt;code&gt;&lt;span class="py"&gt;api_version&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"2026-07"&lt;/span&gt;

&lt;span class="nn"&gt;[[extensions]]&lt;/span&gt;
&lt;span class="py"&gt;type&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"ui_extension"&lt;/span&gt;
&lt;span class="py"&gt;name&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Delivery Notes"&lt;/span&gt;
&lt;span class="py"&gt;handle&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"delivery-notes"&lt;/span&gt;
&lt;span class="py"&gt;uid&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"generate-this-with-shopify-cli"&lt;/span&gt;

  &lt;span class="nn"&gt;[[extensions.targeting]]&lt;/span&gt;
  &lt;span class="py"&gt;target&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"purchase.checkout.block.render"&lt;/span&gt;
  &lt;span class="py"&gt;module&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"./src/DeliveryNotes.jsx"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Block targets are one of &lt;a href="https://shopify.dev/docs/api/checkout-ui-extensions/2026-07/targets" rel="noopener noreferrer"&gt;three target types&lt;/a&gt;. Static targets render automatically in a fixed spot, like right after the cart line items, and can't be repositioned. Runnable targets don't render anything at all; they fire in response to an event, such as a keystroke in an address field, and return data. Block targets sit in between: merchants place them through the &lt;a href="https://shopify.dev/docs/api/checkout-ui-extensions/latest" rel="noopener noreferrer"&gt;checkout editor&lt;/a&gt;, and up to three extensions can share the same slot. The &lt;a href="https://shopify.dev/docs/api/shopify-cli" rel="noopener noreferrer"&gt;Shopify CLI&lt;/a&gt; documentation covers the full set of scaffold and dev-server flags if you need to target a specific store or app configuration.&lt;/p&gt;

&lt;h2&gt;
  
  
  Read Checkout Data With the &lt;code&gt;shopify&lt;/code&gt; Global Object
&lt;/h2&gt;

&lt;p&gt;Inside the extension, Shopify injects a global &lt;code&gt;shopify&lt;/code&gt; object that exposes checkout data as properties. There's no &lt;code&gt;import&lt;/code&gt; needed for it: it's simply available at runtime, similar to how &lt;code&gt;window&lt;/code&gt; behaves in a normal browser page, except this one runs inside a Web Worker with no DOM access.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;@shopify/ui-extensions/preact&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;render&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;preact&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;useState&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;preact/hooks&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;extension&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nf"&gt;render&lt;/span&gt;&lt;span class="p"&gt;(&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;DeliveryNotes&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;,&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;body&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;DeliveryNotes&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nx"&gt;note&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;setNote&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;useState&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;''&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;subtotal&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;shopify&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;cost&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;subtotalAmount&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

  &lt;span class="k"&gt;return &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;s&lt;/span&gt;&lt;span class="err"&gt;-&lt;/span&gt;&lt;span class="na"&gt;stack&lt;/span&gt; &lt;span class="na"&gt;border&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"base"&lt;/span&gt; &lt;span class="na"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"base"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;s&lt;/span&gt;&lt;span class="err"&gt;-&lt;/span&gt;&lt;span class="na"&gt;heading&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;Delivery instructions&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;s&lt;/span&gt;&lt;span class="err"&gt;-&lt;/span&gt;&lt;span class="na"&gt;heading&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;s&lt;/span&gt;&lt;span class="err"&gt;-&lt;/span&gt;&lt;span class="na"&gt;text&lt;/span&gt; &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"small"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
        Subtotal: &lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;subtotal&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;amount&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt; &lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;subtotal&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;currencyCode&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;s&lt;/span&gt;&lt;span class="err"&gt;-&lt;/span&gt;&lt;span class="na"&gt;text&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;s&lt;/span&gt;&lt;span class="err"&gt;-&lt;/span&gt;&lt;span class="na"&gt;text-field&lt;/span&gt;
        &lt;span class="na"&gt;label&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"Leave a note for the courier"&lt;/span&gt;
        &lt;span class="na"&gt;value&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;note&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
        &lt;span class="na"&gt;onChange&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;event&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nf"&gt;setNote&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;event&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;target&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
      &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;s&lt;/span&gt;&lt;span class="err"&gt;-&lt;/span&gt;&lt;span class="na"&gt;stack&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;code&gt;shopify.cost.subtotalAmount&lt;/code&gt; updates automatically as the cart changes, and reading it doesn't cost you anything in terms of rate limits since it's a read, not a write. The &lt;code&gt;s-stack&lt;/code&gt;, &lt;code&gt;s-heading&lt;/code&gt;, &lt;code&gt;s-text&lt;/code&gt;, and &lt;code&gt;s-text-field&lt;/code&gt; elements are web components from Shopify's Polaris-based checkout component library, not raw HTML, so they inherit the store's checkout styling without extra CSS work on your part.&lt;/p&gt;

&lt;p&gt;Run &lt;code&gt;shopify app dev&lt;/code&gt; at this point to preview the extension live on your dev store before writing a single line of persistence logic. Confirming the field renders and the subtotal updates is the cheapest bug you'll ever catch.&lt;/p&gt;

&lt;h2&gt;
  
  
  Write Changes Back to the Order
&lt;/h2&gt;

&lt;p&gt;Reading data is half the job. The other half is persisting what the customer typed, which happens through &lt;code&gt;applyAttributeChange&lt;/code&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;handleChange&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;event&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;value&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;event&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;target&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nf"&gt;setNote&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

  &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;shopify&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;applyAttributeChange&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
    &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;updateAttribute&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;key&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;deliveryInstructions&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="p"&gt;});&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Swap this in for the inline &lt;code&gt;onChange&lt;/code&gt; in the component above. &lt;code&gt;applyAttributeChange&lt;/code&gt; returns a promise that resolves once Shopify has applied the change and the corresponding property has updated, and the attribute becomes visible on the order in the admin once it's placed.&lt;/p&gt;

&lt;p&gt;Two boundaries matter here. First, extensions that fire too many attribute or metafield changes in a short window get rate-limited for the rest of that buyer's session, so batch related writes with &lt;code&gt;Promise.all&lt;/code&gt; instead of firing one call per keystroke. Second, an attribute set this way lands on the order object, not inside the payment step; if you need something reflected in pricing or payment method availability, that's a Function's job, not this one.&lt;/p&gt;

&lt;h2&gt;
  
  
  Test the Extension Before It Touches Real Checkouts
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;shopify app dev&lt;/code&gt; gives you a live preview against a real dev store, and it reloads automatically as you edit. That covers manual testing. As of API version &lt;code&gt;2026-04&lt;/code&gt;, Shopify also ships &lt;code&gt;@shopify/ui-extensions-tester&lt;/code&gt; for writing actual unit tests against your extension code, which matters once the component grows past a single field and you want regression coverage without opening a browser every time.&lt;/p&gt;

&lt;p&gt;Two checkpoints are worth running before you touch a production store:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Confirm the field appears in the correct slot using the checkout editor's preview, since block target placement is merchant-configurable and easy to get wrong during first setup.&lt;/li&gt;
&lt;li&gt;Place a real test order and check that the attribute shows up on the order detail page in the admin. If it's missing, the write silently failed or the promise was never awaited, not a rendering problem.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Deploy It, and Respect the 64 KB Ceiling
&lt;/h2&gt;

&lt;p&gt;Deployment is a single command:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;shopify app deploy
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The CLI builds your extension bundle and uploads it to Shopify. There's a hard constraint worth planning around early: a compiled UI extension bundle can't exceed 64 KB, and Shopify enforces this at deploy time. A single text field extension won't come close, but adding a chart library or a large icon set will get you there faster than expected. &lt;a href="https://shopify.dev/docs/apps/build/app-extensions#analyzing-bundle-size" rel="noopener noreferrer"&gt;Analyze your bundle size&lt;/a&gt; before you're surprised by a failed deploy the day before launch.&lt;/p&gt;

&lt;p&gt;If your extension needs more than the default sandbox allows, such as calling your own backend or collecting SMS marketing consent, you declare that explicitly in the TOML under &lt;a href="https://shopify.dev/docs/apps/build/checkout/capabilities" rel="noopener noreferrer"&gt;&lt;code&gt;[extensions.capabilities]&lt;/code&gt;&lt;/a&gt; (&lt;code&gt;network_access&lt;/code&gt;, &lt;code&gt;api_access&lt;/code&gt;, &lt;code&gt;collect_buyer_consent&lt;/code&gt;, &lt;code&gt;block_progress&lt;/code&gt;). Requesting a capability you don't end up using is a common reason review takes longer than expected, so keep the list matched to what the code actually does.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where Do Checkout Extensions Actually Break in Production?
&lt;/h2&gt;

&lt;p&gt;Two failure patterns show up more than any other.&lt;/p&gt;

&lt;p&gt;The first is a mismatch between an extension's declared &lt;code&gt;api_version&lt;/code&gt; and the version a linked extension expects, most commonly on payment-related targets. One developer on the &lt;a href="https://community.shopify.com/t/building-a-credit-card-payments-extension-with-ui-extensibility/401381" rel="noopener noreferrer"&gt;Shopify community forum&lt;/a&gt; hit a crash where checkout failed with a &lt;code&gt;TypeError&lt;/code&gt; before their React component even rendered, tied to a payment extension linked to a UI extension through &lt;code&gt;ui_extension_handle&lt;/code&gt;. The lesson generalizes: when two extensions are wired together, verify the target string and API version match exactly, and don't assume a typo in a config field will surface as a readable error. It often surfaces as a crash somewhere upstream of your own code.&lt;/p&gt;

&lt;p&gt;The second is the sandbox itself. The extension runs inside a Web Worker with no access to &lt;code&gt;window&lt;/code&gt; or the DOM, which means a third-party error-reporting tool that assumes a normal browser environment will silently fail to initialize unless you disable its default integrations and attach &lt;code&gt;error&lt;/code&gt; and &lt;code&gt;unhandledrejection&lt;/code&gt; listeners manually. If you're not seeing errors you know are happening, this is usually why.&lt;/p&gt;

&lt;p&gt;Neither failure mode is exotic. Both come from treating a sandboxed, upgrade-safe environment as if it were a regular webpage, which it deliberately isn't.&lt;/p&gt;

&lt;h2&gt;
  
  
  Build It Yourself or Bring in a Shopify Team?
&lt;/h2&gt;

&lt;p&gt;A single custom field like the one in this guide is a reasonable first project for a developer who's comfortable with React and hasn't touched Shopify's extension model before; budget a day or two including the review cycle. The calculation changes once you're coordinating multiple targets, metafields across international markets, post-purchase offers, or a Scripts-to-Functions migration against a hard deadline. That's less a coding problem than a project-management one, and it's the same reasoning Shopify gives store owners directly in its own upgrade guidance: build the extension yourself, or bring in a service partner to build it for you.&lt;/p&gt;

&lt;p&gt;For merchants in that second situation, &lt;a href="https://www.lucentinnovation.com/specialists/hire-shopify-developers" rel="noopener noreferrer"&gt;Lucent Innovation's Shopify development team&lt;/a&gt; handles exactly this kind of checkout migration and extension work as part of its Shopify Plus practice. Either path is legitimate. The point of this guide is that you now have enough to make that call with a working extension in front of you, not a guess.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's Next
&lt;/h2&gt;

&lt;p&gt;You've got a checkout UI extension that reads live cart data and writes an attribute back to the order, scaffolded, tested, and deployed under the real constraints Shopify enforces at build time. The natural next step is a Shopify Function if your use case needs to touch pricing or shipping logic rather than just displaying something.&lt;/p&gt;

&lt;p&gt;Have you run into the Web Worker sandbox limitations while wiring up error tracking, or found a cleaner pattern for requesting capabilities without triggering a longer review? Drop it in the comments, it's the kind of detail that doesn't make it into the docs.&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>From Liquid to Hydrogen: A Developer's Honest Guide to Going Headless on Shopify</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Wed, 15 Jul 2026 06:26:47 +0000</pubDate>
      <link>https://dev.to/lucy1/from-liquid-to-hydrogen-a-developers-honest-guide-to-going-headless-on-shopify-2k98</link>
      <guid>https://dev.to/lucy1/from-liquid-to-hydrogen-a-developers-honest-guide-to-going-headless-on-shopify-2k98</guid>
      <description>&lt;p&gt;Most Shopify stores still run on Liquid. That's true today, and it will stay true for a while. It's fast out of the box, cheap to run, and there's nothing extra to host.&lt;/p&gt;

&lt;p&gt;Hydrogen is different. It's Shopify's own React framework, built for stores that need more control over the frontend than Liquid can give.&lt;/p&gt;

&lt;p&gt;This post walks through both. No sales pitch, just the real trade-offs, some code, and an honest answer to the question people keep asking: when is it actually worth going headless?&lt;/p&gt;

&lt;h2&gt;
  
  
  What Liquid Gets Right (and Where It Runs Out)
&lt;/h2&gt;

&lt;p&gt;Liquid is Shopify's own template language. Tobias Lütke, one of Shopify's founders, built it, and it's been running real stores since 2006. That's longer than most of us have been writing code for a living.&lt;/p&gt;

&lt;p&gt;Liquid is also strict on purpose. Merchants can edit their own theme files, so the language can't do everything a full programming language can do. It has to stay safe, since store owners are the ones typing into it, not developers.&lt;/p&gt;

&lt;p&gt;That limit is a good thing, not a flaw. It's why a small business owner can tweak their homepage at 11pm without breaking checkout.&lt;/p&gt;

&lt;p&gt;For most stores, Liquid is still the smart choice. It renders right on Shopify's servers. No extra hosting bill. No build step to babysit. No framework update to plan around every few months.&lt;/p&gt;

&lt;p&gt;Online Store 2.0 made this even better. JSON templates and drag-and-drop sections gave merchants a lot of the flexibility that used to send people looking for custom builds.&lt;/p&gt;

&lt;p&gt;So where does Liquid stop being enough? Usually it's one of these three things:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The frontend needs to act like an app. Think shared cart state across brands, heavy interactive UI, or checkout flows that need custom logic.&lt;/li&gt;
&lt;li&gt;The brand needs one design system across more than the store. A marketing site, a mobile app, and the storefront all sharing the same components.&lt;/li&gt;
&lt;li&gt;The dev team just knows React better than Liquid, and building in Liquid would slow them down more than it helps anyone.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What "Going Headless" Actually Means
&lt;/h2&gt;

&lt;p&gt;People throw the word "headless" around a lot. Let's slow down and define it properly.&lt;/p&gt;

&lt;p&gt;On Shopify, going headless means you split the frontend from the backend. The frontend is what shoppers see and click. The backend holds the product catalog, cart, checkout, and orders. Instead of Liquid rendering pages on Shopify's servers, your own app fetches data through an API and renders it however you want.&lt;/p&gt;

&lt;p&gt;That API is called the Storefront API. It's a GraphQL endpoint, and it isn't locked to one framework. You can call it from a plain Node app, from Next.js, or from Shopify's own Hydrogen.&lt;/p&gt;

&lt;p&gt;Here's the part most people skip past. Going headless is really three choices bundled into one:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Which framework you build the frontend in&lt;/li&gt;
&lt;li&gt;Which API you pull your data from&lt;/li&gt;
&lt;li&gt;Where you host the result&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;These don't have to travel together. Hydrogen can run on hosts other than Shopify's own Oxygen. And Oxygen can host things that have nothing to do with Hydrogen.&lt;/p&gt;

&lt;h2&gt;
  
  
  Inside Hydrogen: What's New in 2026
&lt;/h2&gt;

&lt;p&gt;Hydrogen has changed shape more times than most frameworks manage to survive.&lt;/p&gt;

&lt;p&gt;It launched in 2022. Then Shopify bought the Remix team and rebuilt Hydrogen on top of Remix. Then Remix's routing engine split off into its own project, React Router 7, and Hydrogen moved onto that instead.&lt;/p&gt;

&lt;p&gt;Right now, the stable version of Hydrogen runs on React Router v7 and TypeScript. It tracks the Storefront API and Customer Account API on a schedule, and that schedule updates every quarter.&lt;/p&gt;

&lt;p&gt;That update schedule is worth planning for. Hydrogen and hydrogen-react are tied to specific versions of these APIs, and since Shopify updates them every three months, breaking changes can show up every three months too. Budget time for that. It's a real, ongoing cost, not a one-time thing you fix and forget.&lt;/p&gt;

&lt;p&gt;The bigger news is what comes next. In the middle of 2026, Shopify showed off a rebuilt version of Hydrogen. The old version asked you to adopt the whole framework. The new one is more like a toolkit you bring into whatever stack you already have.&lt;/p&gt;

&lt;p&gt;This new preview has a core written in plain JavaScript, with thin adapters that make it feel native to whatever framework your team uses. React support ships first. Vue and Svelte support are on the way.&lt;/p&gt;

&lt;p&gt;It also ships with something Shopify calls agent skills. These are structured instructions that let a coding agent set up the Storefront API client, cart, product pages, and checkout hooks for you, in whatever framework you picked. That's a shift from copying boilerplate by hand.&lt;/p&gt;

&lt;p&gt;Whatever comes next, the current stable release is what real stores run today, and it holds up well. It uses the open source React Router framework, supports optimistic UI and nested routes, and it deploys for free on Oxygen, Shopify's own hosting network.&lt;/p&gt;

&lt;h2&gt;
  
  
  Liquid vs. Hydrogen: A Straight Comparison
&lt;/h2&gt;

&lt;p&gt;Neither one wins in every case. Here's how they actually stack up:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;Liquid (Online Store 2.0)&lt;/th&gt;
&lt;th&gt;Hydrogen (React Router 7)&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Hosting&lt;/td&gt;
&lt;td&gt;Included, no extra setup&lt;/td&gt;
&lt;td&gt;Free on Oxygen, or any Node/edge host&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Language&lt;/td&gt;
&lt;td&gt;Liquid plus JSON templates&lt;/td&gt;
&lt;td&gt;TypeScript and React&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Skills your team needs&lt;/td&gt;
&lt;td&gt;Theme development, CSS, a bit of JS&lt;/td&gt;
&lt;td&gt;Solid React skills, plus GraphQL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Can merchants edit it themselves?&lt;/td&gt;
&lt;td&gt;Yes, through the theme editor&lt;/td&gt;
&lt;td&gt;Not easily. You'd need to add a CMS layer&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;App compatibility&lt;/td&gt;
&lt;td&gt;Wide. Most apps just work&lt;/td&gt;
&lt;td&gt;Mixed. Some apps built for Liquid themes need custom wiring&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Speed out of the box&lt;/td&gt;
&lt;td&gt;Fast by default&lt;/td&gt;
&lt;td&gt;Fast only if someone tunes it&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Best fit&lt;/td&gt;
&lt;td&gt;Most D2C and B2B stores&lt;/td&gt;
&lt;td&gt;Complex catalogs, custom UX, multi-brand builds, AI-driven shopping&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;That speed row needs a warning label, because it's the claim people stretch the most. A well-tuned Hydrogen store can absolutely beat a bloated Liquid theme. But "well-tuned" is carrying a lot of weight in that sentence. It means someone who understands edge caching and streaming rendering is actively setting it up, not that Hydrogen wins by default.&lt;/p&gt;

&lt;p&gt;Google is pretty clear on this point too. Core Web Vitals are supposed to be measured out in the real world, based on how real users experience a page, and site owners shouldn't have to become performance experts just to know if their site feels fast. That's exactly the bar a rushed, untuned headless build usually misses.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Same Data Fetch, Two Ways
&lt;/h2&gt;

&lt;p&gt;Let's make this less abstract. Here's the same small task done in Liquid, then in Hydrogen: pull a product's title and price and show them on the page.&lt;/p&gt;

&lt;p&gt;In Liquid, the &lt;code&gt;product&lt;/code&gt; object is already sitting there, ready to use. No API call needed:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight liquid"&gt;&lt;code&gt;&amp;lt;h1&amp;gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nv"&gt;product&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;title&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;&amp;lt;/h1&amp;gt;
&amp;lt;span class="price"&amp;gt;&lt;span class="cp"&gt;{{&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nv"&gt;product&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nv"&gt;price&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;|&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nf"&gt;money&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="cp"&gt;}}&lt;/span&gt;&amp;lt;/span&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;In Hydrogen, you write a loader that queries the Storefront API's GraphQL endpoint, then you render what comes back:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="c1"&gt;// routes/products.$handle.jsx&lt;/span&gt;
&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;loader&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="nx"&gt;params&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;context&lt;/span&gt; &lt;span class="p"&gt;})&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;product&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;context&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;storefront&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;query&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="s2"&gt;`#graphql
    query Product($handle: String!) {
      product(handle: $handle) {
        title
        priceRange {
          minVariantPrice { amount currencyCode }
        }
      }
    }`&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;variables&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;handle&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;params&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;handle&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;product&lt;/span&gt; &lt;span class="p"&gt;};&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nf"&gt;ProductPage&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="nx"&gt;loaderData&lt;/span&gt; &lt;span class="p"&gt;})&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;product&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;loaderData&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="k"&gt;return &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="o"&gt;&amp;lt;&amp;gt;&lt;/span&gt;
      &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;h1&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;product&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;title&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/h1&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;      &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;span&lt;/span&gt; &lt;span class="nx"&gt;className&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;price&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
        &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;product&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;priceRange&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;minVariantPrice&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;amount&lt;/span&gt;&lt;span class="p"&gt;}{&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt; &lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
        &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;product&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;priceRange&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;minVariantPrice&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;currencyCode&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
      &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/span&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;    &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;  &lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Same end result. Very different amount of code to own.&lt;/p&gt;

&lt;p&gt;The Liquid version has no build step and nothing to ship to the browser beyond the rendered HTML. The Hydrogen version gives you full control over that markup and lets you mix it with any React component in your app, but you're the one writing and maintaining the query, the loader, and the rendering logic from here on out.&lt;/p&gt;

&lt;h2&gt;
  
  
  When Headless Actually Pays Off (and When It's Overkill)
&lt;/h2&gt;

&lt;p&gt;Ask yourself these questions before you commit to a headless rebuild.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Does your catalog or user experience need logic Liquid genuinely can't handle?&lt;/strong&gt; Product configurators, live inventory pulled from several warehouses feeding one custom availability rule, or a shopping flow that behaves more like an app than a page. These are real reasons to go headless.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Can your team actually maintain a framework that breaks every quarter?&lt;/strong&gt; Hydrogen moves on the same calendar as Shopify's APIs. Someone on your team needs to own that upgrade cycle as an ongoing job, not a one-off project.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Do the apps you rely on even work headless?&lt;/strong&gt; A large chunk of the Shopify App Store assumes a Liquid theme is injecting a script tag onto the page. Some apps talk to the Storefront API cleanly. Others need custom work, or don't support headless setups at all. Find this out before you start building, not after.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Is AI-driven shopping actually the goal?&lt;/strong&gt; If your roadmap includes a shopping assistant or an AI agent that browses your catalog on a customer's behalf, that's a case where Hydrogen's direct connection to the Storefront API earns its complexity. That GraphQL layer is exactly what those systems need to read.&lt;/p&gt;

&lt;p&gt;If most of your answers land on "not really," a solid Liquid theme built on Online Store 2.0 is probably the faster, cheaper, and safer path to the same goal.&lt;/p&gt;

&lt;h2&gt;
  
  
  How Teams Actually Land on an Answer
&lt;/h2&gt;

&lt;p&gt;In practice, this decision rarely comes down to which framework someone likes more. It comes down to how complex the catalog is, how deep the team's React skills go, and how much of the App Store ecosystem the store leans on.&lt;/p&gt;

&lt;p&gt;Teams that get this wrong usually make the call based on what's trendy, in the abstract, instead of checking it against their own app stack and how their content team actually works day to day.&lt;/p&gt;

&lt;p&gt;When Lucent Innovation's &lt;a href="https://www.lucentinnovation.com/services/shopify-expert-agency" rel="noopener noreferrer"&gt;Shopify store experts&lt;/a&gt; sit down with a merchant to answer this exact question, the audit almost always starts with app compatibility and how much merchants need to edit the site themselves. Architecture comes later. Those two things alone usually rule out one option before anyone even opens a performance benchmark.&lt;/p&gt;

&lt;p&gt;However the decision lands, the same rule holds up: pick the setup your team can actually build and keep running for the next few years. Not the one that sounds best in a slide deck.&lt;/p&gt;




&lt;p&gt;Have you shipped a Hydrogen store, or looked into one and decided against it? I'd like to hear what actually tipped the decision for your team.&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>webdev</category>
      <category>react</category>
      <category>ecommerce</category>
    </item>
    <item>
      <title>Shopify Scripts Are Dead — Here's How to Migrate to Shopify Functions Before June 30, 2026</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Fri, 26 Jun 2026 07:14:33 +0000</pubDate>
      <link>https://dev.to/lucy1/shopify-scripts-are-dead-heres-how-to-migrate-to-shopify-functions-before-june-30-2026-3lmg</link>
      <guid>https://dev.to/lucy1/shopify-scripts-are-dead-heres-how-to-migrate-to-shopify-functions-before-june-30-2026-3lmg</guid>
      <description>&lt;p&gt;If you're running a Shopify Plus store with custom Scripts, you have 4 days left.&lt;br&gt;
June 30, 2026 is Shopify's hard deprecation date for Shopify Scripts — the Ruby-based customization layer powering custom discounts, shipping rules, and payment logic for thousands of merchants. After this date, every Script stops executing. Silently. With no fallback. Your checkout reverts to Shopify's defaults as if your custom logic never existed.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Critical: As of April 15, 2026, the Script Editor is already locked. You can no longer edit or publish Scripts. Any Script still running in production is frozen code — bugs cannot be patched. June 30 is when execution stops entirely. If you haven't started migrating, you are running unmodifiable code in production right now.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This isn't a "we'll get to it eventually" situation. It's a breaking change with a hard deadline days away.&lt;br&gt;
In this guide I'll walk you through:&lt;/p&gt;
&lt;h3&gt;
  
  
  What's actually changing and why
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;The direct replacement for each Script type&lt;/li&gt;
&lt;li&gt;A step-by-step migration path with corrected CLI commands&lt;/li&gt;
&lt;li&gt;Real code examples showing before and after&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Let's move fast.&lt;/p&gt;
&lt;h2&gt;
  
  
  What Are Shopify Scripts?
&lt;/h2&gt;

&lt;p&gt;Shopify Scripts were introduced as a Shopify Plus-only feature that let developers write Ruby code to customize the cart and checkout experience. Three types existed:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Line Item Scripts —&lt;/strong&gt; modify prices, apply discounts, bundle logic&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Shipping Scripts —&lt;/strong&gt; customize shipping rates, hide or rename options&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Payment Scripts —&lt;/strong&gt; show or hide payment methods based on conditions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;They were powerful for their time, but they carried serious limitations: Ruby-only, Plus-only, slow to test, no version control, and fundamentally incompatible with Shopify's Checkout Extensibility architecture that replaced &lt;code&gt;checkout.liquid&lt;/code&gt; for Plus merchants in 2023–2024.&lt;/p&gt;
&lt;h2&gt;
  
  
  Why Shopify Is Deprecating Them
&lt;/h2&gt;

&lt;p&gt;Three reasons, in plain terms:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Checkout Extensibility replaced checkout.liquid —&lt;/strong&gt; Scripts are architecturally incompatible with the new checkout model&lt;br&gt;
&lt;strong&gt;2. Performance —&lt;/strong&gt; Ruby Scripts ran server-side with cold-start delays. Shopify Functions compile to WebAssembly and run under a strict 5ms execution cap. Rust Functions typically execute in 3–5ms; JavaScript Functions run 10–30ms in real-world use and should be used only for simpler logic&lt;br&gt;
&lt;strong&gt;3. Platform-wide access —&lt;/strong&gt; Shopify Functions are available to all plan levels via installed apps, not just Shopify Plus subscribers&lt;/p&gt;
&lt;h2&gt;
  
  
  Scripts vs. Functions: What Actually Changed
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdo5foeegvjkal04rj3h0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdo5foeegvjkal04rj3h0.png" alt=" " width="800" height="514"&gt;&lt;/a&gt;&lt;br&gt;
Here's the architectural shift. Scripts were a Plus-only workaround bolted onto an older platform. Functions are native, WebAssembly-powered infrastructure available on every plan.&lt;/p&gt;
&lt;h2&gt;
  
  
  What Gets Replaced by What?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Feja1fn1ccpjpwyujjc1j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Feja1fn1ccpjpwyujjc1j.png" alt=" " width="800" height="217"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  Enter Shopify Functions
&lt;/h2&gt;

&lt;p&gt;Shopify Functions are the modern replacement. You write them in JavaScript/TypeScript or Rust — the two officially maintained, first-class languages in 2026. Any language that compiles to WebAssembly is technically supported, but Rust and JavaScript are the only paths with active Shopify CLI tooling and official support.&lt;/p&gt;

&lt;p&gt;Choose based on your use case:&lt;br&gt;
&lt;strong&gt;1. JavaScript/TypeScript —&lt;/strong&gt; good for prototyping, simpler discount logic, teams without Rust experience. Compiled via Shopify's Javy toolchain.&lt;br&gt;
&lt;strong&gt;2. Rust —&lt;/strong&gt; recommended for complex logic, large carts, public apps, or any Function near the 256KB binary size limit. Runs 3–5ms versus 10–30ms for JavaScript.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Platform limits (as of 2026):&lt;/strong&gt; Each store can run a maximum of 5 Discount Functions, 1 Cart Transform Function, and 5 Validation Functions. Plan your migration with these caps in mind if you have many Scripts.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2&gt;
  
  
  Migration: Step by Step
&lt;/h2&gt;
&lt;h3&gt;
  
  
  Step 1: Audit your current Scripts
&lt;/h3&gt;

&lt;p&gt;Go to Shopify Admin → Apps → Script Editor. The editor is now read-only (locked since April 15), but you can still view all active Scripts, export the customizations report, and read the source logic.&lt;br&gt;
List every active Script, what business rule it enforces, and every edge case it handles. &lt;/p&gt;

&lt;p&gt;Pay attention to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Is this Script still being used in production?&lt;/li&gt;
&lt;li&gt;What customer-facing behaviour does it produce?&lt;/li&gt;
&lt;li&gt;Are there conditional rules — customer tags, order thresholds, product exclusions, B2B rules?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Use the Shopify Scripts customizations report (available from the Script Editor page) to export the full list automatically.&lt;/p&gt;
&lt;h3&gt;
  
  
  Step 2: Set up your Shopify Functions environment
&lt;/h3&gt;

&lt;p&gt;You need Shopify CLI 4.0 or higher:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;# Verify CLI version
npm install -g @shopify/cli
shopify version  # confirm 4.0+
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Create a new app or add a Function extension to an existing one:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;# Create a new app (correct CLI 4.0 syntax)
npm init @shopify/app@latest

# Or add an extension to an existing app
shopify app generate extension
# Choose: Discount, Cart Transform, Delivery Customization, or Payment Customization
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Step 3: Scaffold the right Function type
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;shopify app generate extension
# Select "Discount - Order discounts"    → for order-level discount Scripts
# Select "Discount - Product discounts"  → for variant/product-level logic
# Select "Delivery customization"        → for Shipping Scripts
# Select "Payment customization"         → for Payment Scripts
# Select "Cart transform"                → for bundle/kit Line Item Scripts
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Step 4: Rewrite your logic in JavaScript or Rust
&lt;/h3&gt;

&lt;p&gt;Here's a real before/after for the most common migration case — &lt;strong&gt;10% off all orders over $100&lt;/strong&gt;:&lt;/p&gt;

&lt;p&gt;Before (Ruby — Shopify Script)&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Input.cart.line_items.each do |line_item|
  if Input.cart.subtotal_price &amp;gt;= Money.new(cents: 100_00)
    line_item.change_line_price(
      line_item.line_price * 0.9,
      message: "10% bulk discount"
    )
  end
end

Output.cart = Input.cart
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;After (JavaScript — Shopify Order Discount Function)&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;// run.js — Order Discount Function
export function run(input) {
  const subtotal = parseFloat(
    input.cart.cost.subtotalAmount.amount
  );

  if (subtotal &amp;gt;= 100) {
    return {
      discounts: [
        {
          targets: [
            { orderSubtotal: { excludedVariantIds: [] } }
          ],
          value: { percentage: { value: "10.0" } },
          message: "10% bulk discount"
        }
      ],
      discountApplicationStrategy: "FIRST"
    };
  }

  return {
    discounts: [],
    discountApplicationStrategy: "FIRST"
  };
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The business logic is the same. The architecture is fundamentally better — compiled to WebAssembly, version-controlled, deployable via CI/CD, and accessible on all Shopify plans.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Using Rust instead?&lt;/strong&gt; The logic structure is similar. Shopify's CLI scaffolds a full Rust project with the shopify_function crate when you select Rust at the extension type prompt. For complex discount engines with large catalogs, Rust is the safer choice as JavaScript Functions can exceed the 5ms execution cap on heavy carts.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Step 5: Test in a development store
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;shopify app dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This deploys your Function to a development store in draft mode. Create a discount in Shopify Admin that uses your new Function, then test it across all cart scenarios — especially every edge case from the original Script.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 6: Deploy to production and monitor
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;shopify app deploy
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Link your Function to a discount or customization in Shopify Admin (or via the Admin API). Monitor checkout conversion rate carefully for the first 48 hours after going live. A measurable drop typically signals a missed edge case, not a platform issue.&lt;/p&gt;

&lt;h2&gt;
  
  
  Common Migration Pitfalls
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Scripts that relied on execution order
&lt;/h3&gt;

&lt;p&gt;Scripts ran sequentially and could interact with each other. Functions run independently in parallel. If you had two Line Item Scripts that stacked or modified each other's output, refactor the logic into a single Function or control stacking behaviour explicitly with &lt;code&gt;discountApplicationStrategy&lt;/code&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Bundle logic mapped to the wrong Function type
&lt;/h3&gt;

&lt;p&gt;Bundle discounts in Line Item Scripts map to Cart Transform Functions, not Discount Functions. These are a completely separate extension type — selecting the wrong one at scaffold time means you're building against the wrong API schema.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Assuming Shipping Scripts are low priority
&lt;/h3&gt;

&lt;p&gt;All three Script types — line item, shipping, and payment — stop executing on June 30. Shipping Scripts are often lower revenue impact than discount Scripts, but if your store hides express shipping for fragile items, shows different carrier options by customer tag, or applies shipping discounts conditionally, those rules disappear on the deadline. Migrate them before June 30, not after.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Edge cases left uncoded
&lt;/h3&gt;

&lt;p&gt;Ruby Scripts accumulated implicit logic over years — gift card exclusions, B2B pricing tiers, free shipping thresholds, variant-level carve-outs. Functions are explicit. Every condition your business requires must be coded. The audit in Step 1 is your safety net here.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. JavaScript Functions on complex carts
&lt;/h3&gt;

&lt;p&gt;JavaScript Functions run 10–30ms in real-world use. Shopify's 5ms execution cap means JavaScript Functions can be aborted on heavy carts, leaving the checkout in its default state. For stores with large catalogs or many line items, write in Rust. For simple rules (e.g. flat percentage discount on all orders), JavaScript is fine.&lt;/p&gt;

&lt;h3&gt;
  
  
  6. Not reading the GraphQL input schema
&lt;/h3&gt;

&lt;p&gt;Each Function type has a defined input schema. You control what data your Function receives by editing &lt;code&gt;run.graphql&lt;/code&gt;. If your logic needs metafields, customer tags, or product attributes, add them to the input query — do not assume they arrive automatically.&lt;/p&gt;

&lt;h2&gt;
  
  
  What If You're Already Behind?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fvplmmdf4uiwu5035vl6e.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fvplmmdf4uiwu5035vl6e.png" alt=" " width="800" height="763"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're reading this with four days on the clock and active Scripts still in production, here's the prioritisation:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Revenue-critical Scripts first —&lt;/strong&gt; discount Scripts affecting checkout conversion and payment Scripts controlling visible gateways go first&lt;br&gt;
&lt;strong&gt;2. Stub before you optimise —&lt;/strong&gt; a working Function that matches the Script's behaviour is better than a perfectly architected one that isn't deployed&lt;br&gt;
&lt;strong&gt;3. Migrate all Script types before June 30 —&lt;/strong&gt; Line Item, Shipping, and Payment Scripts all stop on the same date. Don't assume Shipping Scripts can wait; schedule them in the same sprint&lt;br&gt;
&lt;strong&gt;4. Use Shopify's migration docs at &lt;a href="https://shopify.dev/" rel="noopener noreferrer"&gt;shopify.dev&lt;/a&gt; —&lt;/strong&gt; the customizations report and Function input schemas are well-documented&lt;/p&gt;

&lt;p&gt;If you have a complex store with multiple interdependent Scripts and the timeline feels impossible, working with a &lt;a href="https://www.lucentinnovation.com/services/shopify-expert-agency" rel="noopener noreferrer"&gt;certified Shopify expert agency&lt;/a&gt; is the fastest path. Teams like Lucent Innovation — 10+ years as a Shopify Plus partner, 12+ years in ecommerce, 5,000+ stores delivered — can run a focused Functions migration sprint with proper QA, significantly faster than doing this under pressure in-house.&lt;/p&gt;

&lt;h2&gt;
  
  
  Quick Recap
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Shopify Scripts deprecate &lt;strong&gt;June 30, 2026&lt;/strong&gt; — no extension, no fallback, no grace period&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Script Editor locked since April 15, 2026&lt;/strong&gt; — existing Scripts are frozen and cannot be modified&lt;/li&gt;
&lt;li&gt;Shopify Functions replace Scripts with WebAssembly execution, all-plan access, and full CI/CD support&lt;/li&gt;
&lt;li&gt;Write Functions in &lt;strong&gt;JavaScript/TypeScript&lt;/strong&gt; (simpler logic) or &lt;strong&gt;Rust&lt;/strong&gt; (complex logic, large carts)&lt;/li&gt;
&lt;li&gt;Per-store limits apply: 5 Discount Functions, 1 Cart Transform, 5 Validation Functions&lt;/li&gt;
&lt;li&gt;Migration path: audit via customizations report → scaffold correct type → rewrite → test → deploy&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Start with the audit. Everything else follows from there.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Already migrated? What was the trickiest Script to convert? Drop it in the comments — would love to hear real-world edge cases.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;About the author:&lt;/strong&gt; This post was written by the engineering team at &lt;a href="https://www.lucentinnovation.com" rel="noopener noreferrer"&gt;Lucent Innovation&lt;/a&gt;, a certified Shopify Plus partner with 10+ years on the platform and 12+ years building and scaling ecommerce stores.&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>ecommerce</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Migrate Your Data to Delta Lake: A Simple Guide for Developers</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Tue, 16 Jun 2026 09:31:12 +0000</pubDate>
      <link>https://dev.to/lucy1/migrate-your-data-to-delta-lake-a-simple-guide-for-developers-4g1o</link>
      <guid>https://dev.to/lucy1/migrate-your-data-to-delta-lake-a-simple-guide-for-developers-4g1o</guid>
      <description>&lt;p&gt;&lt;strong&gt;TLDR:&lt;/strong&gt; Delta Lake is like adding safety rules to your data storage. It stops data accidents, lets you see old versions of your data, and keeps everything organized. If you work with big data and Apache Spark, Delta Lake makes your life easier. It uses ACID transactions (fancy words for "data never breaks") and costs way less than old data warehouses.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What This Article Covers:&lt;/strong&gt; This post explains what Delta Lake is, why you should move your data to it, and how to start the migration. We look at real problems Delta Lake solves and give you a simple roadmap for getting started. For more in-depth technical details, see Delta Lake Explained on the Lucent Innovation blog.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Problem With Old Data Lakes
&lt;/h2&gt;

&lt;p&gt;Imagine you have a giant closet to store files. In the old days, data lakes worked like that. You threw all your data files in there, and it was cheap. But there was a big problem.&lt;/p&gt;

&lt;p&gt;What happens if someone is reading a file while someone else is writing to it? The file could get messed up. What if the computer crashes while saving? You might lose all your work. There was no good way to fix mistakes or go back to how things were before.&lt;/p&gt;

&lt;p&gt;That is the main problem Delta Lake solves.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Is Delta Lake?
&lt;/h2&gt;

&lt;p&gt;Delta Lake is a layer of software that sits on top of your data files. Think of it like a smart librarian for your data. It keeps track of every change, makes sure nothing gets broken, and lets you fix mistakes fast.&lt;/p&gt;

&lt;p&gt;The cool part is that Delta Lake does this without charging you a fortune. It runs on cheap cloud storage like Amazon S3 or Azure Blob Storage, just like regular data lakes. But it adds power that usually costs a lot of money.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Big Features That Matter
&lt;/h2&gt;

&lt;h3&gt;
  
  
  ACID Transactions (No More Broken Data)
&lt;/h3&gt;

&lt;p&gt;ACID is short for Atomicity, Consistency, Isolation, and Durability. That means:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Atomicity:&lt;/strong&gt; Either the whole write happens or none of it happens. No half-finished work.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Consistency:&lt;/strong&gt; Data stays clean and organized, no broken records.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Isolation:&lt;/strong&gt; People can read and write at the same time without getting in each other's way.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Durability:&lt;/strong&gt; Once data is saved, it stays saved. No losing work if the power goes out.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In plain English: You never have broken data or weird errors from too many people using the system at once.&lt;/p&gt;

&lt;h3&gt;
  
  
  Time Travel (Go Back in Time)
&lt;/h3&gt;

&lt;p&gt;Did you delete something by accident? Need to check how data looked last week? Delta Lake remembers everything. You can run a query that shows you your data from any point in the past.&lt;/p&gt;

&lt;p&gt;This is super helpful for audits, fixing mistakes, or checking when something went wrong.&lt;/p&gt;

&lt;h3&gt;
  
  
  Schema Enforcement (Keep Data Clean)
&lt;/h3&gt;

&lt;p&gt;A schema is a blueprint that says what columns you have and what type of data goes in each one. Delta Lake watches the door and makes sure bad data never gets in. If someone tries to add data that does not match the blueprint, Delta Lake stops it right there.&lt;/p&gt;

&lt;h3&gt;
  
  
  Automatic Updates and Deletes
&lt;/h3&gt;

&lt;p&gt;In regular data lakes, updates and deletes are slow and messy. You have to rewrite whole files. Delta Lake makes this fast and easy. You can change or remove records without rewriting everything.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Move to Delta Lake?
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Cost Savings
&lt;/h3&gt;

&lt;p&gt;A big data warehouse from twenty years ago costs a fortune to run. Delta Lake gives you warehouse-level reliability but uses cheap cloud storage underneath. You can save up to 50 times on computing costs while still getting fast answers to your questions.&lt;/p&gt;

&lt;h3&gt;
  
  
  Speed and Trust
&lt;/h3&gt;

&lt;p&gt;Your team can trust the data faster. You spend less time fixing problems and more time using the data. No more mysteries about whether a number is right or wrong.&lt;/p&gt;

&lt;h3&gt;
  
  
  Real-Time and Batch in One Place
&lt;/h3&gt;

&lt;p&gt;Some data comes in one batch per day. Some comes in live streams all day long. Delta Lake handles both in the same place, with the same tools. You do not need different systems for different types of data.&lt;/p&gt;

&lt;h3&gt;
  
  
  Easy Audits and Compliance
&lt;/h3&gt;

&lt;p&gt;Every change is tracked in a log. This is gold when you need to follow rules like GDPR or show customers that their data is safe. You can prove exactly who changed what and when.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Start Your Migration
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Step 1: Check Your Current Setup
&lt;/h3&gt;

&lt;p&gt;Before you move anything, understand what you have now. Answer these questions:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What files do you store? (CSV, JSON, Parquet, something else?)&lt;/li&gt;
&lt;li&gt;How big is your data? (1 GB or 1 TB?)&lt;/li&gt;
&lt;li&gt;Who uses it? (Engineers, analysts, AI models?)&lt;/li&gt;
&lt;li&gt;What problems do you hit most? (Slow updates? Broken data? Hard to audit?)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 2: Start Small
&lt;/h3&gt;

&lt;p&gt;Do not move everything at once. Pick one table or one folder that is not critical. Move it to Delta Lake and run it for a week. See if your team likes it. Break things on purpose to understand how Delta Lake handles problems.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3: Set Up Your Infrastructure
&lt;/h3&gt;

&lt;p&gt;Delta Lake works with Databricks (a company built for this), or you can run it open-source with Apache Spark. For most projects, using Databricks is easier because everything just works together.&lt;/p&gt;

&lt;p&gt;If you want to go full open-source, you will need:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Apache Spark&lt;/li&gt;
&lt;li&gt;Storage like S3 or Azure&lt;/li&gt;
&lt;li&gt;A way to run the code (like a Linux server)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 4: Copy Your Data Over
&lt;/h3&gt;

&lt;p&gt;For small amounts of data, you can copy directly. For huge amounts, break it into chunks and move one chunk at a time. This way if something breaks, you only fix that chunk, not everything.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 5: Test Everything
&lt;/h3&gt;

&lt;p&gt;Before you tell everyone to use the new system, run real queries on it. Check that the numbers match the old system. Have your analysts double-check important reports.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 6: Switch Over and Watch It
&lt;/h3&gt;

&lt;p&gt;Pick a time when not many people are using the system. Switch everyone to Delta Lake. Have people ready to help if something goes wrong. Watch for problems the first few days.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 7: Keep the Old System as Backup
&lt;/h3&gt;

&lt;p&gt;Even after you switch, keep your old data around for a few weeks. If something goes really wrong, you can go back.&lt;/p&gt;

&lt;h2&gt;
  
  
  Simple Example: Your First Delta Lake Table
&lt;/h2&gt;

&lt;p&gt;If you know Python and Spark, it is super easy:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="c1"&gt;# Read your data
&lt;/span&gt;&lt;span class="n"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;spark&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;csv&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;old_data.csv&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;header&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="bp"&gt;True&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;

&lt;span class="c1"&gt;# Write it as Delta Lake
&lt;/span&gt;&lt;span class="n"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;write&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;format&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;delta&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;mode&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;overwrite&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;save&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;delta_table&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;

&lt;span class="c1"&gt;# Now read it back as Delta Lake
&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;spark&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;format&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;delta&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;load&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;delta_table&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;

&lt;span class="c1"&gt;# See past versions
&lt;/span&gt;&lt;span class="n"&gt;df_yesterday&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;spark&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;read&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;format&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;delta&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;option&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;versionAsOf&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;load&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;delta_table&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;That is it. Three lines to switch from regular files to Delta Lake.&lt;/p&gt;

&lt;h2&gt;
  
  
  Real Costs vs. Old Systems
&lt;/h2&gt;

&lt;p&gt;Let's look at numbers:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;System&lt;/th&gt;
&lt;th&gt;Cost Per Year&lt;/th&gt;
&lt;th&gt;Speed&lt;/th&gt;
&lt;th&gt;Broken Data&lt;/th&gt;
&lt;th&gt;Ease&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Old Data Warehouse&lt;/td&gt;
&lt;td&gt;$500K+&lt;/td&gt;
&lt;td&gt;Medium&lt;/td&gt;
&lt;td&gt;Rare&lt;/td&gt;
&lt;td&gt;Hard&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Regular Data Lake&lt;/td&gt;
&lt;td&gt;$50K&lt;/td&gt;
&lt;td&gt;Slow&lt;/td&gt;
&lt;td&gt;Common&lt;/td&gt;
&lt;td&gt;Easy&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Delta Lake&lt;/td&gt;
&lt;td&gt;$50K-100K&lt;/td&gt;
&lt;td&gt;Fast&lt;/td&gt;
&lt;td&gt;Rare&lt;/td&gt;
&lt;td&gt;Easy&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Databricks Lakehouse&lt;/td&gt;
&lt;td&gt;$100K-200K&lt;/td&gt;
&lt;td&gt;Very Fast&lt;/td&gt;
&lt;td&gt;Very Rare&lt;/td&gt;
&lt;td&gt;Very Easy&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;The exact cost depends on how much data you have and how much you use it. But the pattern is clear: Delta Lake gives you warehouse reliability at lake prices.&lt;/p&gt;

&lt;h2&gt;
  
  
  Common Questions
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Q: Do I need to rewrite all my code?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A: Not really. If you use Spark SQL or Python with Spark, you mostly use the same code. The main change is using "delta" as the format instead of "parquet" or "csv."&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: What if my company uses a different system like Spark, Flink, or Kafka?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A: Delta Lake works with all of them. It is just a format and a set of rules. Any system that can read Parquet files can work with Delta Lake.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: Is Delta Lake production-ready?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A: Yes. Thousands of companies run it in production. It handles petabytes of data every day.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: How hard is the migration?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A: It depends on your setup. If you have simple CSV or Parquet files, it is easy. If you have a complex system with lots of custom code, it takes more time. Plan for weeks or months, not days.&lt;/p&gt;

&lt;h2&gt;
  
  
  Next Steps
&lt;/h2&gt;

&lt;p&gt;Delta Lake is a great investment for any team that works with big data. It solves real problems and saves money at the same time. Start small, test it out, and see if it works for your team.&lt;/p&gt;

&lt;p&gt;If you want to learn more about the deep technical details like transaction logs, how Delta Lake picks which files to read, and how schema evolution works, check out &lt;a href="https://www.lucentinnovation.com/resources/technology-posts/delta-lake-explained" rel="noopener noreferrer"&gt;Delta Lake Explained&lt;/a&gt; on Lucent Innovation's technology blog. It goes much deeper into these topics.&lt;/p&gt;

&lt;p&gt;The important thing is to start somewhere. Pick one small project. Try Delta Lake. See how it feels. You will probably wonder why you did not switch earlier.&lt;/p&gt;

</description>
      <category>programming</category>
      <category>productivity</category>
      <category>tutorial</category>
      <category>database</category>
    </item>
    <item>
      <title>How to Speed Up Your Shopify Store in 5 Easy Steps for Better Performance</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Mon, 15 Jun 2026 13:25:34 +0000</pubDate>
      <link>https://dev.to/lucy1/how-to-speed-up-your-shopify-store-in-5-easy-steps-for-better-performance-24gk</link>
      <guid>https://dev.to/lucy1/how-to-speed-up-your-shopify-store-in-5-easy-steps-for-better-performance-24gk</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Most online stores lose customers because of slow loading times. Did you know that if your store takes more than 3 seconds to load, people often leave? A slow Shopify store can cost you money and customers. (Check out more &lt;/p&gt;
&lt;div class="ltag__tag ltag__tag__id__2591"&gt;
    &lt;div class="ltag__tag__content"&gt;
      &lt;h2&gt;#&lt;a href="https://dev.to/t/ecommerce" class="ltag__tag__link"&gt;ecommerce&lt;/a&gt; Follow
&lt;/h2&gt;
      &lt;div class="ltag__tag__summary"&gt;
        
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
 strategies on Dev.to)

&lt;p&gt;In this post, we will cover 5 simple things you can do to make your Shopify store faster. These tips work for everyone, from small businesses to large online stores.&lt;/p&gt;

&lt;h2&gt;
  
  
  What You Will Learn
&lt;/h2&gt;

&lt;p&gt;In this article, you will find out about:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Image optimization methods&lt;/li&gt;
&lt;li&gt;Reducing JavaScript and CSS files&lt;/li&gt;
&lt;li&gt;Using a content delivery network (CDN)&lt;/li&gt;
&lt;li&gt;Caching strategies&lt;/li&gt;
&lt;li&gt;Monitoring your store speed&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Let's dive in!&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 1: Optimize Your Images
&lt;/h2&gt;

&lt;p&gt;Large images slow down your store. Images should be as small as possible but still look good.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why Images Matter:&lt;/strong&gt;&lt;br&gt;
Images make up most of a website's file size. If you have 20 large product images on one page, your store gets very slow.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to Fix It:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Use tools like &lt;strong&gt;TinyPNG&lt;/strong&gt; or &lt;strong&gt;ImageOptim&lt;/strong&gt; to make images smaller. These tools remove extra data from images without making them look bad.&lt;/p&gt;

&lt;p&gt;You can also use Shopify's built-in image compression features. Just upload your images to Shopify and let it handle the resizing.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pro Tip:&lt;/strong&gt; Use WebP format instead of JPG. WebP images are 25 to 35 percent smaller and look just as good.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 2: Minify CSS and JavaScript
&lt;/h2&gt;

&lt;p&gt;Minification means removing extra spaces and characters from your code. This makes files smaller and faster to load.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What Gets Removed:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Extra spaces&lt;/li&gt;
&lt;li&gt;Line breaks&lt;/li&gt;
&lt;li&gt;Comments in the code&lt;/li&gt;
&lt;li&gt;Unused characters&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Most Shopify themes already do this automatically. But if you are building a custom theme, you should check your code.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tools You Can Use:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;CSS Minifier&lt;/li&gt;
&lt;li&gt;JavaScript Minifier&lt;/li&gt;
&lt;li&gt;Shopify's built-in minification&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These tools take your code and make it shorter without changing what it does.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 3: Use a CDN
&lt;/h2&gt;

&lt;p&gt;A CDN is a content delivery network. It stores your images and files in many locations around the world. When someone visits your store, they get files from the closest location.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How It Works:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If you have a customer in Japan and your server is in the USA, they have to download files from far away. With a CDN, a copy of your files sits in Japan too.&lt;/p&gt;

&lt;p&gt;Shopify uses Cloudflare as its CDN, which is really good. Most Shopify plans include CDN automatically, so you probably already have this feature.&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 4: Enable Caching
&lt;/h2&gt;

&lt;p&gt;Caching means saving some information so you do not have to load it again. This makes repeat visits much faster.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Browser Caching:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Your customer's browser can save images, CSS, and JavaScript on their computer. When they visit again, these files load instantly.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Server Caching:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Your Shopify server can save product information and page data. This reduces the work the server has to do.&lt;/p&gt;

&lt;p&gt;You can enable caching through Shopify settings or use apps designed for this purpose.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Popular Caching Apps:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Cache Cleaner&lt;/li&gt;
&lt;li&gt;Bulk Operations&lt;/li&gt;
&lt;li&gt;Speed Booster&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Step 5: Test Your Speed
&lt;/h2&gt;

&lt;p&gt;Use Google PageSpeed Insights or GTmetrix to test how fast your store loads. Run tests after you make changes to see what works best.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to Test:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Go to Google PageSpeed Insights&lt;/li&gt;
&lt;li&gt;Enter your Shopify store URL&lt;/li&gt;
&lt;li&gt;Click "Analyze"&lt;/li&gt;
&lt;li&gt;Read the report&lt;/li&gt;
&lt;li&gt;Make changes&lt;/li&gt;
&lt;li&gt;Test again&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Keep testing until your score gets better. Aim for at least 75 out of 100.&lt;/p&gt;

&lt;h2&gt;
  
  
  Key Takeaways
&lt;/h2&gt;

&lt;p&gt;Making your Shopify store faster does not have to be hard. Here are the main points to remember:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Optimize images with tools like TinyPNG&lt;/li&gt;
&lt;li&gt;Minify your JavaScript and CSS code&lt;/li&gt;
&lt;li&gt;Use a CDN like Cloudflare&lt;/li&gt;
&lt;li&gt;Enable caching for faster repeat visits&lt;/li&gt;
&lt;li&gt;Test your speed regularly&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Each of these steps will help you keep customers happy and increase your sales.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;A fast Shopify store means more customers and more money. These five steps will help you speed up your store today. Start with image optimization because that gives you the biggest improvement.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What speed tricks do you use on your Shopify store? Share in the comments below.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Related Resources
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Google PageSpeed Insights: &lt;a href="https://pagespeed.web.dev/" rel="noopener noreferrer"&gt;https://pagespeed.web.dev/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;GTmetrix Speed Test: &lt;a href="https://gtmetrix.com/" rel="noopener noreferrer"&gt;https://gtmetrix.com/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Shopify Performance Guide: &lt;a href="https://shopify.dev/" rel="noopener noreferrer"&gt;https://shopify.dev/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Cloudflare CDN: &lt;a href="https://www.cloudflare.com/" rel="noopener noreferrer"&gt;https://www.cloudflare.com/&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Related Dev.to Posts
&lt;/h2&gt;

&lt;p&gt;If you found this helpful, check out these related articles on Dev.to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;div class="ltag__tag ltag__tag__id__7878"&gt;
    &lt;div class="ltag__tag__content"&gt;
      &lt;h2&gt;#&lt;a href="https://dev.to/t/shopify" class="ltag__tag__link"&gt;shopify&lt;/a&gt; Follow
&lt;/h2&gt;
      &lt;div class="ltag__tag__summary"&gt;
        
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
 Learn more about Shopify development and ecommerce solutions&lt;/li&gt;
&lt;li&gt;
&lt;div class="ltag__tag ltag__tag__id__677"&gt;
    &lt;div class="ltag__tag__content"&gt;
      &lt;h2&gt;#&lt;a href="https://dev.to/t/performance" class="ltag__tag__link"&gt;performance&lt;/a&gt; Follow
&lt;/h2&gt;
      &lt;div class="ltag__tag__summary"&gt;
        Tag for content related to software performance.
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
 Explore other web performance optimization techniques&lt;/li&gt;
&lt;li&gt;
&lt;div class="ltag__tag ltag__tag__id__2591"&gt;
    &lt;div class="ltag__tag__content"&gt;
      &lt;h2&gt;#&lt;a href="https://dev.to/t/ecommerce" class="ltag__tag__link"&gt;ecommerce&lt;/a&gt; Follow
&lt;/h2&gt;
      &lt;div class="ltag__tag__summary"&gt;
        
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
 Discover more ecommerce development best practices&lt;/li&gt;
&lt;li&gt;
&lt;div class="ltag__tag ltag__tag__id__8"&gt;
    &lt;div class="ltag__tag__content"&gt;
      &lt;h2&gt;#&lt;a href="https://dev.to/t/webdev" class="ltag__tag__link"&gt;webdev&lt;/a&gt; Follow
&lt;/h2&gt;
      &lt;div class="ltag__tag__summary"&gt;
        Because the internet...
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
 Stay updated with the latest web development trends
Have questions about Shopify performance? Drop them in the comments and I will help you out!&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>shopify</category>
      <category>performance</category>
      <category>ecommerce</category>
      <category>webdev</category>
    </item>
    <item>
      <title>What Does an AI Consultant Actually Do? A 2026 Breakdown for Business Leaders</title>
      <dc:creator>Lucy </dc:creator>
      <pubDate>Fri, 12 Jun 2026 12:59:04 +0000</pubDate>
      <link>https://dev.to/lucy1/what-does-an-ai-consultant-actually-do-a-2026-breakdown-for-business-leaders-2gcc</link>
      <guid>https://dev.to/lucy1/what-does-an-ai-consultant-actually-do-a-2026-breakdown-for-business-leaders-2gcc</guid>
      <description>&lt;p&gt;&lt;strong&gt;Short Answer&lt;/strong&gt;&lt;br&gt;
An AI consultant helps your business figure out where AI can help, what to build, and how to make it actually work without the guesswork or wasted budget. They bridge the gap between cutting-edge technology and real business outcomes. In 2026, with the global AI consulting market valued at over $11 billion and growing at 26% annually, knowing exactly what you're paying for matters more than ever.&lt;/p&gt;
&lt;h2&gt;
  
  
  What Even Is an AI Consultant?
&lt;/h2&gt;

&lt;p&gt;Let's be honest. "AI consultant" sounds like one of those titles that could mean anything.&lt;/p&gt;

&lt;p&gt;It could mean someone who builds models. Or someone who just makes slide decks. Or someone who helps you figure out which tools to buy. The real answer? All three and more.&lt;/p&gt;

&lt;p&gt;An AI consultant is a specialist who helps organizations identify AI opportunities, design solutions, and make sure those solutions actually work in the real world. They are not just coders. They are not just strategists. They sit right in the middle.&lt;/p&gt;

&lt;p&gt;Think of them like a general contractor for a home renovation. The contractor doesn't just swing a hammer. They help you design the plan, pick the right materials, manage the work, and make sure the final result matches what you needed, not just what looked good on paper.&lt;/p&gt;

&lt;p&gt;According to &lt;a href="https://www.mckinsey.com/capabilities/quantumblack/our-insights/the-state-of-ai" rel="noopener noreferrer"&gt;McKinsey's 2025 State of AI report&lt;/a&gt;, 78% of organizations now use AI in at least one business function. But only around 6% achieve significant, enterprise-wide results. That gap between "we're using AI" and "AI is actually helping our business" is exactly where AI consulting services come in.&lt;/p&gt;
&lt;h2&gt;
  
  
  What Does an AI Consultant Actually Do Day-to-Day?
&lt;/h2&gt;

&lt;p&gt;Here is where most articles get vague. Let's break this down into real phases.&lt;/p&gt;
&lt;h3&gt;
  
  
  Phase 1: The AI Opportunity Audit
&lt;/h3&gt;

&lt;p&gt;Before building anything, a good consultant spends time understanding your business.&lt;/p&gt;

&lt;p&gt;They look at your current workflows, your data, your tools, and your goals. They ask: Where are the bottlenecks? Where is time being wasted? Where could automation or prediction actually add value?&lt;/p&gt;

&lt;p&gt;This is not a one-hour meeting. It is typically a multi-week discovery process. It involves talking to department heads, reviewing data pipelines, and mapping out where AI can realistically help vs. where it would just add unnecessary complexity.&lt;/p&gt;

&lt;p&gt;Many businesses skip this step and jump straight to building. That is one of the top reasons AI projects fail.&lt;/p&gt;
&lt;h3&gt;
  
  
  Phase 2: Strategy and Roadmap Building
&lt;/h3&gt;

&lt;p&gt;Once they understand the business, a consultant builds a roadmap. This is a prioritized list of AI projects, ordered by value and feasibility.&lt;/p&gt;

&lt;p&gt;Not every AI idea is a good idea. A roadmap helps you focus on what will move the needle first, instead of chasing the flashiest use case.&lt;/p&gt;

&lt;p&gt;A solid roadmap answers these questions:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What AI projects do we tackle first?&lt;/li&gt;
&lt;li&gt;What data do we need, and is it ready?&lt;/li&gt;
&lt;li&gt;How long will each project take?&lt;/li&gt;
&lt;li&gt;What does success actually look like?&lt;/li&gt;
&lt;li&gt;How does this fit into our existing tech stack?&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
  
  
  Phase 3: Picking the Right Tools and Stack
&lt;/h3&gt;

&lt;p&gt;There are thousands of AI tools available in 2026. Large language models, vector databases, MLOps platforms, AutoML tools, fine-tuning services, the list keeps growing.&lt;/p&gt;

&lt;p&gt;A good consultant knows which ones are right for your specific problem, not which ones are trending this month.&lt;/p&gt;

&lt;p&gt;They look at your cloud provider (AWS, Azure, GCP), your data infrastructure, your team's existing skills, and your budget. Then they recommend a stack that actually fits — not the most expensive or the most popular.&lt;/p&gt;

&lt;p&gt;This step alone can save companies from expensive vendor lock-in or over-engineered solutions that nobody ends up using.&lt;/p&gt;
&lt;h3&gt;
  
  
  Phase 4: Managing the Build and Deployment
&lt;/h3&gt;

&lt;p&gt;This is where the technical work happens. Depending on the team, a consultant might:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Lead a team of data engineers and ML engineers&lt;/li&gt;
&lt;li&gt;Review and approve model designs&lt;/li&gt;
&lt;li&gt;Oversee integration with production systems&lt;/li&gt;
&lt;li&gt;Set up monitoring and alerting for deployed models&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;They are not just advising from the sidelines. They are in the work — reviewing code, unblocking issues, and making sure the solution is being built correctly.&lt;/p&gt;

&lt;p&gt;According to IDC, &lt;a href="https://opsiocloud.com/knowledge-base/what-is-ai-consultant-roles/" rel="noopener noreferrer"&gt;AI consulting demand grew 40% between 2024 and 2025&lt;/a&gt; — largely because companies realized they needed someone to manage this build process, not just hand over a strategy document and walk away.&lt;/p&gt;
&lt;h3&gt;
  
  
  Phase 5: Governance, Ethics, and Ongoing Optimization
&lt;/h3&gt;

&lt;p&gt;After a model goes live, the work is not done.&lt;/p&gt;

&lt;p&gt;AI systems can drift over time. Their predictions get less accurate as the world changes. They can also produce biased or harmful outputs if they are not monitored carefully.&lt;/p&gt;

&lt;p&gt;A consultant puts governance frameworks in place: model monitoring, bias detection, data refresh schedules, and escalation paths for when something goes wrong. In regulated industries like finance, healthcare, or insurance, this step is not optional. It is legally required.&lt;/p&gt;

&lt;p&gt;Only 23% of IT leaders are confident their organizations can manage AI governance when rolling out generative AI tools, per a 2025 Gartner survey. This is a massive gap and it is one of the fastest-growing areas of demand in AI consulting right now.&lt;/p&gt;
&lt;h2&gt;
  
  
  How Is an AI Consultant Different From a Data Scientist or Software Engineer?
&lt;/h2&gt;

&lt;p&gt;This question comes up a lot. Here is the simplest way to think about it:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Data Scientist:&lt;/strong&gt; Focused on building models. Highly technical. Not always thinking about business outcomes or how the model gets used in practice.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;ML/Software Engineer:&lt;/strong&gt; Builds and deploys systems. Focused on code and infrastructure. Not always involved in strategy or stakeholder communication.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI Consultant:&lt;/strong&gt; Connects business goals to technical solutions. Manages the full lifecycle. Communicates across teams from the CEO to the dev team.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A data scientist might build you a great churn prediction model. But a consultant makes sure it connects to your CRM, that the sales team knows how to use it, that it gets updated every quarter, and that someone is watching for problems when it drifts.&lt;/p&gt;

&lt;p&gt;Both roles are valuable. But they do very different jobs.&lt;/p&gt;
&lt;h2&gt;
  
  
  When Does a Business Actually Need AI Consulting Services?
&lt;/h2&gt;

&lt;p&gt;You probably need a consultant if any of these sound familiar:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1."We've been talking about AI for 18 months but haven't shipped anything."&lt;/strong&gt;&lt;br&gt;
You need someone to cut through the noise and create a real plan with clear milestones.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2."We built something, but it's sitting unused."&lt;/strong&gt;&lt;br&gt;
You need help with change management, integration, and adoption — not just the model itself.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3."We don't know if our data is ready for AI."&lt;/strong&gt;&lt;br&gt;
A consultant will run a data readiness audit and tell you honestly what you have to work with.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4."We're worried about AI doing something harmful or non-compliant."&lt;/strong&gt;&lt;br&gt;
You need governance expertise before you go live not after.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;5. "Our team knows how to code, but doesn't know where to start."&lt;/strong&gt;&lt;br&gt;
Strategy always comes first. A clear roadmap from an experienced team can save months of wasted effort.&lt;/p&gt;

&lt;p&gt;For companies in retail, finance, healthcare, or any data-heavy industry, the gap between "wanting AI" and "using AI effectively" is often just a lack of structured guidance. Lucent Innovation's &lt;a href="https://www.lucentinnovation.com/services/ai-consulting" rel="noopener noreferrer"&gt;AI consulting experts&lt;/a&gt; work through exactly this process, from initial opportunity mapping all the way through to production deployment and ongoing governance.&lt;/p&gt;
&lt;h2&gt;
  
  
  What Tools Do AI Consultants Actually Use in 2026?
&lt;/h2&gt;

&lt;p&gt;AI consultants are not just using ChatGPT. Here is a practical look at a real toolkit:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Strategy &amp;amp; Discovery&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Miro or FigJam for workflow mapping&lt;/li&gt;
&lt;li&gt;Notion or Confluence for roadmap documentation&lt;/li&gt;
&lt;li&gt;Custom interview frameworks for stakeholder discovery&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Data Readiness&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Python (&lt;code&gt;pandas&lt;/code&gt;, &lt;code&gt;great_expectations&lt;/code&gt;) for data audits&lt;/li&gt;
&lt;li&gt;dbt for data transformation pipelines&lt;/li&gt;
&lt;li&gt;Databricks for large-scale data processing&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Model Development&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;PyTorch or TensorFlow for custom model work&lt;/li&gt;
&lt;li&gt;Hugging Face for open-source LLM access&lt;/li&gt;
&lt;li&gt;OpenAI or Anthropic APIs for enterprise generative AI&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Deployment &amp;amp; Monitoring&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;MLflow or Weights &amp;amp; Biases for experiment tracking&lt;/li&gt;
&lt;li&gt;Kubeflow or AWS SageMaker for production deployment&lt;/li&gt;
&lt;li&gt;Grafana or Datadog for monitoring and alerting&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Governance&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fairlearn or IBM AI Fairness 360 for bias detection&lt;/li&gt;
&lt;li&gt;AWS Macie or Microsoft Purview for data compliance&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here is an example of the kind of simple data readiness check a consultant might run before recommending any ML solution to a client. This is often the very first technical step:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="c1"&gt;# Basic AI Readiness Check — Data Quality Audit
# Run this before recommending any ML model to a client
# Gives a fast signal on whether the dataset is usable
&lt;/span&gt;
&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;pandas&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="n"&gt;pd&lt;/span&gt;

&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;ai_readiness_check&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;pd&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;DataFrame&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt; &lt;span class="nb"&gt;dict&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="sh"&gt;"""&lt;/span&gt;&lt;span class="s"&gt;
    Quick data quality check before starting an AI project.
    Returns a readiness score and a list of key issues to fix.
    &lt;/span&gt;&lt;span class="sh"&gt;"""&lt;/span&gt;
    &lt;span class="n"&gt;issues&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[]&lt;/span&gt;
    &lt;span class="n"&gt;score&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;100&lt;/span&gt;

    &lt;span class="c1"&gt;# Check 1: Columns with &amp;gt;20% missing values
&lt;/span&gt;    &lt;span class="n"&gt;missing_pct&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;isnull&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nf"&gt;mean&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="mi"&gt;100&lt;/span&gt;
    &lt;span class="n"&gt;high_missing&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;missing_pct&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="n"&gt;missing_pct&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;20&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
    &lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="ow"&gt;not&lt;/span&gt; &lt;span class="n"&gt;high_missing&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;empty&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
        &lt;span class="n"&gt;issues&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;append&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sa"&gt;f&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;High missing data in: &lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nf"&gt;list&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;high_missing&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;index&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
        &lt;span class="n"&gt;score&lt;/span&gt; &lt;span class="o"&gt;-=&lt;/span&gt; &lt;span class="mi"&gt;25&lt;/span&gt;

    &lt;span class="c1"&gt;# Check 2: Minimum row count for a usable ML dataset
&lt;/span&gt;    &lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="nf"&gt;len&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;&amp;lt;&lt;/span&gt; &lt;span class="mi"&gt;1000&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
        &lt;span class="n"&gt;issues&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;append&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
            &lt;span class="sa"&gt;f&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Low row count (&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nf"&gt;len&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="s"&gt; rows). &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;
            &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Most ML models need at least 1,000 rows to train reliably.&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;
        &lt;span class="p"&gt;)&lt;/span&gt;
        &lt;span class="n"&gt;score&lt;/span&gt; &lt;span class="o"&gt;-=&lt;/span&gt; &lt;span class="mi"&gt;20&lt;/span&gt;

    &lt;span class="c1"&gt;# Check 3: Too many duplicate rows
&lt;/span&gt;    &lt;span class="n"&gt;dup_pct&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;duplicated&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nf"&gt;mean&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="mi"&gt;100&lt;/span&gt;
    &lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="n"&gt;dup_pct&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
        &lt;span class="n"&gt;issues&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;append&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sa"&gt;f&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="n"&gt;dup_pct&lt;/span&gt;&lt;span class="si"&gt;:&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="n"&gt;f&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="s"&gt;% duplicate rows found — clean before training.&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
        &lt;span class="n"&gt;score&lt;/span&gt; &lt;span class="o"&gt;-=&lt;/span&gt; &lt;span class="mi"&gt;15&lt;/span&gt;

    &lt;span class="c1"&gt;# Check 4: No numeric columns (most models need at least some)
&lt;/span&gt;    &lt;span class="n"&gt;numeric_cols&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;select_dtypes&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;include&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;number&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="n"&gt;columns&lt;/span&gt;
    &lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="nf"&gt;len&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;numeric_cols&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
        &lt;span class="n"&gt;issues&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;append&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;No numeric columns found. Data may need encoding first.&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
        &lt;span class="n"&gt;score&lt;/span&gt; &lt;span class="o"&gt;-=&lt;/span&gt; &lt;span class="mi"&gt;20&lt;/span&gt;

    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;readiness_score&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nf"&gt;max&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;score&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
        &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;issues_found&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;issues&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;rows&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nf"&gt;len&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
        &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;columns&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nf"&gt;len&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;df&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;columns&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
        &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;recommendation&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
            &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Good to proceed with model development&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;
            &lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="n"&gt;score&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;=&lt;/span&gt; &lt;span class="mi"&gt;70&lt;/span&gt;
            &lt;span class="k"&gt;else&lt;/span&gt; &lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Fix data quality issues before building any model&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;
        &lt;span class="p"&gt;),&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c1"&gt;# Example usage:
# df = pd.read_csv("your_business_data.csv")
# result = ai_readiness_check(df)
# print(result)
&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;A lot of AI consulting begins exactly here with the data, not the model. Many companies believe they are "AI-ready" when their data tells a very different story. Running something like this before scoping a project saves weeks of rework.&lt;/p&gt;

&lt;p&gt;For businesses that need this kind of structured, end-to-end support from data readiness assessments all the way through model governance, Lucent Innovation's AI strategy and implementation consulting covers the full lifecycle across industries including retail, healthcare, and financial services.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>consulting</category>
      <category>machinelearning</category>
      <category>dataengineering</category>
    </item>
  </channel>
</rss>
