Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Storefront Web Components

shopify.dev

Post reply on HN
Print view View original

31–40 of 57 posts

Re: Storefront Web Components

#31

Post by calebkaiser »

blittle wrote: post #25

I'm on the dev team that built this. Happy to answer any questions! 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…

I'm a big fan of web components, and this seems like a very cool project. I'm curious about how it fits into the broader frontend ethos at Shopify. I remember the Shopify team being one of the earliest proponents of React Server Components, for example. Is the team still working in that direction as well, or does this represent a new direction org-wide?

Re: Storefront Web Components

#32

Post by xfalcox »

blittle wrote: post #25

I'm on the dev team that built this. Happy to answer any questions! 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…

This looks like a great fit for allowing people to monetize their Discourse forums, by having partners stores and plugging those instead of ads.

Will build a quick poc integration. How can I contact you with feedback?

Re: Storefront Web Components

#33

Post by blittle »

calebkaiser wrote: post #31
blittle wrote: post #25

I'm on the dev team that built this. Happy to answer any questions! 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…

I'm a big fan of web components, and this seems like a very cool project. I'm curious about how it fits into the broader frontend ethos at Shopify. I remember the Shopify team being one of the earliest proponents of React Server Components, for example. Is the team still working in that direction as well, or does this represent a new direction org-wide?

I'm also on the hydrogen team. Today we also shipped support for Hydrogen on React Router 7, which has experimental support for RSC: https://remix.run/blog/rsc-preview

Re: Storefront Web Components

#34

Post by blittle »

xfalcox wrote: post #32
blittle wrote: post #25

I'm on the dev team that built this. Happy to answer any questions! 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…

This looks like a great fit for allowing people to monetize their Discourse forums, by having partners stores and plugging those instead of ads. Will build a quick poc integration. How can I contact you with feedback?

I'm excited to see what you build! DM me on bluesky: https://bsky.app/profile/bretlittle.com

Re: Storefront Web Components

#35

Post by calebkaiser »

blittle wrote: post #33
calebkaiser wrote: post #31

Earlier quoted context omitted.

I'm a big fan of web components, and this seems like a very cool project. I'm curious about how it fits into the broader frontend ethos at Shopify. I remember the Shopify team being one of the earliest proponents of React Server Components, for example. Is the team still working in that direction as well, or does this represent a new direction org-wide?

I'm also on the hydrogen team. Today we also shipped support for Hydrogen on React Router 7, which has experimental support for RSC: https://remix.run/blog/rsc-preview

Awesome! I appreciate all the open work your team does. A couple years ago, I was staffed on a project that was adopting RSC super early on, and I vividly remember crawling through Shopify blogs/code as one of the few solid resources available.

Re: Storefront Web Components

#36

Post by ugh123 »

mercurialsolo wrote: post #8

This is a master move though - it's kinda like video(youtube) embeds in your site. If every site could sell and have an infinite curated catalog from shopify merchants - shopify becomes both the discovery, distribution and the shopping network?

> If every site could sell and have an infinite curated catalog from shopify merchants

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

Re: Storefront Web Components

#38

Post by vasusen »

blittle wrote: post #25

I'm on the dev team that built this. Happy to answer any questions! 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…

Really cool! Curious to know what was your testing strategy for these?

Re: Storefront Web Components

#39

Post by [deleted] »

nightpool wrote: post #23
metalrain wrote: post #2

What a terrible UX on that site. This site barely works on my mobile. 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.

The link has been updated to the docs now, thanks dang!

[deleted]
Post reply on HN