Storefront Web Components(shopify.dev) |
Storefront Web Components(shopify.dev) |
We essentially use web components as a templating language to dynamically generate a GraphQL query to Shopify. Then render the data as text nodes inside the web components. This is powerful because the components don't include shadow roots. So you can come with your own HTML and CSS.
Most web component libraries are opinionated about design, and give you many CSS custom properties or CSS parts to customize. We tried really hard to invert that, and instead give you the design control. Most of our web components just produce a text node, with no shadow root!
There's a few exceptions, like the cart for example, where it's easier to just have an out of the box component that does it all for you `<shopify-cart>`. Though...you can actually build the entire cart component with the lower level primitives!
Separately, nice touch adding the refined LLM instructions, this looks like a nice pattern for other UI frameworks to follow.
Will build a quick poc integration. How can I contact you with feedback?
I really appreciate that they built this. The `shopify-context` is especially useful. Makes rendering all of the various resources infinitely easier.
are you implying a scenario where anyone could create a "storefront of storefronts" using products from various shopify accounts (owned or not owned by that person)? Would be an interesting affiliate opportunity
Shopify for the longest time had a “hardline” with only supporting React directly, if I recall correctly
Is it going to be open sourced at all? I took a brief look at shopify's GitHub and didn't see it there.
The playground is very well done btw, worth checking out IMO: https://webcomponents.shopify.dev/playground?view=editor
I wish Shopify made it easier to discern who the audience are for these frameworks since they have quite a few.
https://shopify.dev/beta/next-gen-dev-platform/polaris
I’m a dev on this new Polaris, feel free to ask anything!
I never used Shopify much, can it be used to deliver digital products?
The startup locally produces clothing from sheep wool and only starts production once the order is in. Shopify is unable to understand the concept of make-to-order-production, it's a bit ridiculous to see what their support people are writing.
More on youtube: https://www.youtube.com/watch?v=ovRpTsHO13U
When I think storefront I think simple & fast, this site is not at all that.
Stores are "hidden" by design, it is about the products and store itself just provides them.
constructive criticism: It looks cool, but it took far too long to get my bearings on the site