Remixing Shopify's Admin: How We Made It 30% Faster and AI-Ready (2025) - Shopify

What this post added

This post details the migration of admin.shopify.com to the Remix framework. Key technical contributions include: 1. Implementation of route manifests (TypeScript files alongside component code) to create a static, single source of truth for all Admin routes, enabling systems like Search and Sidekick to ingest route metadata at build time. 2. Leveraging Remix loaders to flip the data fetching paradigm, allowing data fetching to begin in parallel with component code loading, significantly improving page load times. 3. Standardization of loading experiences across all routes using Remix loaders and view transitions, eliminating inconsistent loading patterns and "flash of empty content". 4. Unlocking intelligent prefetching by executing route loaders during idle browser time to warm the Apollo cache, further improving perceived load times. 5. Integration of Remix actions and zod schemas to enable AI assistants like Sidekick to understand page data needs, available forms, and validation requirements, turning complex UI interactions into I/O functions for AI.