Shopify web components
2025-06-03
As mentioned previously, composable web components are the future.
Shopify recently announced their Storefront web components, allowing easy embedding of Shopify-hosted products into external pages. And because they're web components, they're framework agnostic and require zero changes to your build system. Import their JS, wrap your markup in <shopify-store>
and <shopify-content>
tags, then include the parts of content you want (<shopify-media>
for images, <shopify-data>
for title/etc), styled how you want. Data loading is handled for you and non-trivial UX (e.g. a modal) is possible.
And now that custom elements are supported by every major framework (even React!), interop is a breeze.