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

41–50 of 57 posts

Re: Storefront Web Components

#41

Post by superchris »

This is great, I think this is perfect use for web components and gives your customers trying to build a fully custom storefront a much better experience. I built something similar for stripe based sites a couple years ago but didn't get too much attention: https://elements.launchscout.com/

Re: Storefront Web Components

#42

Post by frehner »

threeseed wrote: post #37

Are developers able to use this within Shopify apps ? I wish Shopify made it easier to discern who the audience are for these frameworks since they have quite a few.

Polaris is now built with web components and is for building apps all across Shopify - another new announcement today.

https://shopify.dev/beta/next-gen-dev-platform/polaris

I’m a dev on this new Polaris, feel free to ask anything!

Re: Storefront Web Components

#44

Post by blittle »

vasusen wrote: post #38
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?

Lots of e2e tests

Re: Storefront Web Components

#45

Post by _benton »

These are awesome! Perfect use case for web component, incredible how much less code and work is required compared to hydrogen with React (no disrespect intended). Very clever.

Is it going to be open sourced at all? I took a brief look at shopify's GitHub and didn't see it there.

Re: Storefront Web Components

#46

Post by rbitar »

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 great, glad to see this project and congrats on the launch. Having said that, how does this project fit in with the Shopify Hydrogen effort using Remix / React? There seems to be an ever growing number of ways to build a shopify storefront these days (ie, native templates, remix/hydrogen, web components, Shopify JS Buy SDK, etc.) so it's not clear what technology to "bet on" from a developer perspective.

Separately, nice touch adding the refined LLM instructions, this looks like a nice pattern for other UI frameworks to follow.

Re: Storefront Web Components

#49

Post by scottrogers86 »

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…

love the site and experience. i'm mostly curious how you pitched the project internally and got buy-in for the project. congrats on the launch
Post reply on HN