DEV Community

seller-mind
seller-mind

Posted on

Building a Shopify Embedded App with Remix and Supabase

Building a Shopify app in 2026 means using the Remix framework, App Bridge for embedded UI, and dealing with Shopify session tokens. Here is what I learned building Parcelglance.

The Stack

  • Remix (React framework)
  • Shopify App Bridge
  • Supabase for session storage
  • Shopify CLI

The OAuth Flow

  1. App URL receives shop parameter
  2. Generate auth URL with correct scopes
  3. Redirect to Shopify auth page
  4. Callback receives code, exchanges for access token
  5. Store session in database
  6. Redirect to admin with session token

Common Pitfalls

Session Storage

Use a database, not in-memory sessions. Serverless platforms need persistent storage.

Environment Variables

Verify your SUPABASE_URL is correct. A single typo means all operations fail silently.

CORS and Embedded Mode

Your app runs inside an iframe. Ensure proper CSP headers and App Bridge initialization.

Webhooks

Register webhooks for app/uninstalled, orders/create, and products/update.

The App Review Process

Shopify reviews every app. Key requirements:

  • Working OAuth flow
  • Proper data handling
  • Privacy policy and ToS
  • GDPR webhooks

Try Parcelglance

Parcelglance is live on the Shopify App Store.

Building a Shopify app? Drop a comment.


Full disclosure: I'm the developer of Parcelglance. I built this tool because I needed it myself.

Top comments (0)