Checklist of Must and Nice to have things before to go in production

[bitforcesrl]

Hi all,
We are sharing with the community our checklist with missing things needed before to put a big shop on production.
We'd love to receive comments from other developers to being able to udate this checklist and eventually mark all issues as done
This is our demo is still build with Hydrogen v1 but when v2 will be release we'll do the update

Hydrogen / Oxygen

Hydrogen UI

• Must - Hydrogen UI must be in v1 and not in experimental (beta) state. It would help developers if you'll update the hydrogen scaffolding with components and hook that comes from hydrogen ui and not from shopify/hydrogen to avoid confusion. We are planning to do this manually in our MPV project

Chache is not working properly in dev:

Sub request cache: It's woring on Oxygen but not in localhost

• Must - The cache must work properly to test with same conditions of prod

After a deploy all pages are slow

After a deploy every page you visit for the first time are slow, it doesn't matter if you've enabled cahce or not for the page

Storefront API

API response time is slow

We've received some feedback on this issue from Shopify and the slowness is present from v 2023-01 (at time of writing 20/01/2023). The will update the infrastructure of the API's 2023-01 and newer to be able to run API from the edge.
So we've to wait

• Must - The main selling point of an headless solution is the speed and performances, this issue should be addressed and the API response should be very fast

Menu API (for megamenu, foter menu etc..)

• Must - Translations: The API are not returing translated menu items because menu is not a translatable resource. We've opened a feat request here
• Nice - Retrieve linked collection or products is now not possible. It's very common to add as menu item a collection or product, and we'd like to retrieve title desc and image for that collection or product. At the moment we've to do another query to get collection data after we fetch the menu

Filters facets are not translated:

We've opened an issue here
Filters are not translated, this means that all variant options are retrieved in the main language of the store, this is true for metafields too.

• Must - Fitlters facets must be translated and we should be able to filter passing translated filters

Checkout extension app

Checkout extension app is not loading if opened from multipass URL

To go to the checkout we use the hydrogen hook const {checkoutUrl}: any = useCart();
We've added multipass to implement SSO but opening the checkout with this URL doesn't load our checkout extensions.
If we go to the checkout from the liquid theme the extension is loaded. It's also loaded if we use the shop Pay button (which is not implementing the multipass)

• From the headless webiste where the extension is not loading
  https://recordit.co/FAk2zX6Sfw
• From the liquid theme where the extension is loaded. The standard shopify is served at this url checkout.bitforce.shop
  https://recordit.co/4IGqN5CcLv

Misc

Product

• Nice - Gallery: It would be great to have not a single image for variants but a gallery. At the moment the only way to create a different gallery per variant is to use a metafield per variant or filter the product gallery by image file name.

SEO:

• Nice - Translable product handle: At the moment only product SEO title and description are translatable, it would be great to translate the handle too. Now it could be done with translated metafield but then we've to fetch the product with metafield as ID

[joevingracien]

Hello, great idea to share that, thank you.
As for Hydrogen V2 release: "The February ‘23 release of Hydrogen ... " quoted from the roadmap. It's not explicit if it will be V2 but I assume it is.

[bitforcesrl]

thanks i'll update the post right now! maybe that date have been updated after i read it.