TechPrufer
Get started
Shopify
Shopify logoShopify · Feature trail

Admin App Development Frameworks

3 posts · Apr 2022 – Mar 2026

What this trail covers

Shopify is standardizing on Remix for Admin apps, enhancing the developer experience and performance. This includes modernizing the App Bridge to leverage web standards and custom elements, enabling seamless integration of web development practices and frameworks like Remix within the Shopify Admin. The migration of admin.shopify.com to Remix is a key step in this evolution, introducing route manifests for a single source of truth, leveraging Remix loaders for faster and more consistent page loading, and enabling AI integrations through Remix actions and zod schemas.

All Shopify trails
  1. Building a Magic Mirror: AI retail experiences with Remix (2026) - ShopifyThis post details the development of a 'magic mirror' concept for physical retail experiences, leveraging AI and Remix. It describes the architecture, including a Remix route file that handles both server-side actions (LLM calls, SSE broadcasts) and client-side components. Key technical aspects include prompt engineering for LLMs (using vision input, JSON output schema, and product catalog as plain text), product matching logic, Server-Sent Events (SSE) for remote control, a client-side state machine for managing the user experience, and detailed prompt tuning strategies for safety and consistency. The implementation emphasizes a configurable approach, allowing for easy adaptation to different brands and events.
  2. Remixing Shopify's Admin: How We Made It 30% Faster and AI-Ready (2025) - ShopifyThis post details the migration of admin.shopify.com to Remix, resulting in a 30% performance improvement and enhanced AI readiness. Key technical contributions include the introduction of route manifests for a single source of truth for all Admin routes, the adoption of Remix loaders for parallel data fetching and component loading, and the use of Remix actions with zod schemas to enable AI agents like Sidekick to understand and interact with forms and data. The migration also standardized loading experiences with global indicators and smooth view transitions, and implemented intelligent prefetching of loaders to warm the Apollo cache.
  3. Shopify’s platform is the Web platform - ShopifyThis post details the evolution of Shopify's Admin app development, highlighting Remix as the recommended framework. It explains how the new App Bridge, built with modern web technologies and custom elements, restores standard web development practices within iframes and enhances integration capabilities. The post emphasizes how App Bridge's CDN-based deployment ensures immediate fixes and backwards compatibility, while Remix's server-side rendering and route-based data loading improve developer experience and performance.
  4. Leveraging Shopify’s API to Build the Latest Marketplace Kit - ShopifyThis post details the decoupling of the Marketplace Kit sample app from the Shopify CLI into two separate applications: a full-stack admin app and a buyer-facing client app. It highlights the use of Express.js and Next.js as chosen dependencies, and the leveraging of Shopify's Node API, App Bridge for JWT authentication, and Apollo Server for serving GraphQL. The post also demonstrates custom client wrappers for data fetching and the use of both REST and GraphQL APIs.