Vercel and Shopify are rebuilding Hydrogen

This post details the strategic shift in Hydrogen's architecture, emphasizing its new three-layer strategy (core, client, server) to achieve runtime agnosticism and improved portability. It highlights the centralization of Shopify API bindings in the 'core' layer, the provision of reusable UI components like cart management in the 'client' layer (with React examples), and the integration with modern full-stack frameworks like Next.js, Nuxt, and SvelteKit in the 'server' layer. It also introduces the concept of 'skills' for guidance on framework integration and provides an example of enabling i18n in a Next.js template, detailing specific technical considerations and trade-offs for `cacheComponents: true`.