stephen RICHARD

@jcsuzanne @Danetag @QuentinHocde @bramichou @nuxt_js Indeed. After all the things we’ve learned in this last project regarding Shopify’s structure I’m curious to try all the new native features. One of the pain points for me was the team collaboration on a single theme source files. That might be better now

@stephen_Rchd @Danetag @QuentinHocde @bramichou @nuxt_js Okay! I see! A few years ago, Native (liquid) was quite limited and shared the same concerns. But i quite impressed by the recent features they added

Currently working on my stack (again) : - piecesjs as front-end framework (native webcomponents) - Storyblok as back-end/CMS - The final touch : 11ty to generate static website And it's pretty exciting 🤩

@jcsuzanne @Danetag @QuentinHocde @bramichou @nuxt_js From what I remember it was a suggestion from our company. We tried to jump on the Storefront / hydrogen stack hoping we’d get the flexibility we feared we wouldn’t get with native. Not knowledgeable enough with native to say if we would have been able to do it or not afterwards

@Danetag @stephen_Rchd @QuentinHocde @bramichou @nuxt_js Guys, this is the very interesting conversation! Thanks a lot @stephen_Rchd for all these details. But this brings me to this famous topic of headless vs native. Was it a choice of your client or was it a suggestion from you? 1/

@Danetag @jcsuzanne @QuentinHocde @bramichou @nuxt_js We use meta fields a lot on products and locations. Mostly to save products relations and composition. But for the content (pages), we couldn’t get Shopify’s page builder’s data with storefront api. We don’t have a product search feature so it’s not a problem.

@stephen_Rchd @jcsuzanne @QuentinHocde @bramichou @nuxt_js Ok! Have you considered using Meta Fields/metaobjects to stay only in the Shopify admin? Also, how do you handle search if you have to hit 2 different endpoints?

@Danetag @jcsuzanne @QuentinHocde @bramichou @nuxt_js We have a catalog page inside Sb that references Shopify collections (ids and name). On the Hydrogen app, we read the Sb data and fetch the appropriate collections with Storefront.

@Danetag @jcsuzanne @QuentinHocde @bramichou @nuxt_js Oh in the Hydrogen app, using the Remix loaders we pull our data using storyblok's API. The products exists only in Shopify and all the other data (pages building, blog...) comes from Sb. When we need relations, we use an existing Sb <-> Shopify plugin. 1/

@Danetag @jcsuzanne @QuentinHocde @bramichou @nuxt_js On the frontend we get all the data through the storefront API. For the products synchronisation, we have cron tasks that import data from an existing products catalog and create/update products and variants for all the differents prices.

@stephen_Rchd @jcsuzanne @QuentinHocde @bramichou @nuxt_js How does it work from a data perspective? Do you query data from your hydrogen app to a different endpoint, or are the data going to the Shopify store somehow and then you get them in your hydrogen app?

@jcsuzanne @QuentinHocde @bramichou @nuxt_js On the other hand, because products comes from Shopify there is no preview / draft concept. For the moment we have a dev store and a production store connected to prod and preproduction. It’s really not great because keeping everything in sync is time consuming. 2/

@jcsuzanne @QuentinHocde @bramichou @nuxt_js Hydrogen 2.0 (remix) deployed with Oxygen. Linked to GitHub for automatic deploy. You can create environments (with different domain and config) from Shopify and connect different branches. Editorial is easy to handle with storyblok draft / published system. 1/n

@jcsuzanne @QuentinHocde @bramichou @nuxt_js I recently built and deployed a website with Shopify Hydrogen / Oxygen and Storyblok. Great experience overall. Only issue with storyblok-js-client where it would crash the Cloudflare workers (showing a 500 error on the website). With Next.js it's really easy to implement too.

@QuentinHocde @bramichou To give a little more context, i see a lot of headless shopify websites using Storyblok for all the editorial part. I did a quick test with it using @nuxt_js and i was quite impressed by the seamless integration of the front/back. storyblok.com/tp/add-a-headl…

@JP_Prieto @JoshSanger_eth @carolynalive @Danetag Definitely need more digging on this. Thank you for all the insights !

@stephen_Rchd @JoshSanger_eth @carolynalive @Danetag these are all possible. each section can be a different metaobject definition and a route metaobject can have an array of sections. the Admin ui allows for drag and drop and reordering. its not the liquid editor but its a decent alternative. otherwise a 3P CMS will work 💯

We have a new Hydrogen website. Built with Hydrogen + Remix and Shopify Metaobjects. Amazing work by @JoshSanger_eth @carolynalive @Danetag and the rest of the team! hydrogen.shopify.dev

@JP_Prieto @JoshSanger_eth @carolynalive @Danetag Thanks, that is indeed a powerful tool but I feel that for now, it lacks the flexibility/capabilities (being able to add / reorder/ repeat page sections from a set of different types) for administration by non-technical users

@stephen_Rchd @JoshSanger_eth @carolynalive @Danetag It's 💯 possible to do this with metaobjects as routes and sections. We have been experimenting a lot with this internally and it's a big focus i. the future. We will release an example and possible CLI integration in the not too distant future. We just want to get it right!

@luccassTV Le garage et la terrasse me font penser à la planque de The Fable ? 👊

Regardez ce que j'ai trouvé en me baladant par hasard a Tokyo ! Des connaisseurs ?

@powderbum75 Ah I see, thanks !

@stephen_Rchd This. Inexpensive and easy. The legs can wrap around the handlebars.

For the utter ordinariness of it. Running errands on a Tuesday. Nakano.

Introducing the Sougen Builder. 🏗️ The most advanced Web Metaverse editor ever. Start building now: alpha.sougen.co/microverse What can be built with it? A thread 🧵👇

🛹 🌈 I rode the moon on the Web-First Metaverse @sougenco #sougen🍃 #metaverse #NFTGame

Last weekend we opened the doors of our Metaverse for the 1st time. We can't find the words to thank enough our amazing community.🥰 Looking forward to seeing you in our next closed alpha. The next game is gonna be epic.🪂 #sougen🍃 #metaverse #web3

@AmelieinTokyo Reçu un colis « cadeau » parti le 7 Décembre (depuis Saitama) d’environ 90,000¥ déclares reçu sans frais de dédouanement. Je dois m’estimer chanceux vu les autres témoignages 😅

✍️ New Article: Say Hello To CSS Container Queries I wrote about CSS container queries, how they work, why to use them, with use-cases and examples. I enjoyed learning and writing about them. Happy reading! 🔗 ishadeed.com/article/say-he…