Best Practices for Custom Domain Checkout with Shopify Hydrogen on Vercel

Retired Boards Appdev Custom Storefronts
1

Hello everyone,

I’m reaching out to seek advice and insights on setting up custom domains for the checkout process in a Shopify Hydrogen stack. We initially set up a Hydrogen channel but faced consistent issues with Oxygen deployments. As a workaround, we are now hosting on Vercel using the same Hydrogen channel.

Our current setup looks like this:

We aim to achieve the following structure:

Additionally, we want to ensure that when users click on the store logo or name during checkout, they are redirected back to the storefront (www.somedomain.com), maintaining a seamless and branded experience.

Currently, clicking on the logo/name in the checkout redirects users to our temporary Hydrogen development domain (our-hydrogen-store-d26b33c247cdba4c66b3.o2.myshopify.dev), which is not ideal for the customer experience.

I would greatly appreciate any guidance on:

  1. Setting up a custom domain for the checkout process while hosted on Vercel.
  2. Ensuring the store logo/name in the checkout links back to the storefront domain.
  3. Any best practices or considerations specific to Shopify Hydrogen and Vercel integration for this purpose.

Looking forward to your valuable suggestions and experiences!

Best regards,

Matt

3 Likes
2

Hello Matt,

I am looking to implement this exact setup. I am wondering if you you were able figure this out and if you are willing to share.

Thanks,

Joe

3

Hi Joe,

We have not found a solution yet. If/when we do, I will post here. If you find a solution, please let me know!

Thx,

Matt

4

I’m also looking into this exact setup, please let me know as well if you find a solution!

5

Hi, Matt!

Any updates on the issue?

Thanks,
Dmitry

6

Hello @mattm7r , did you find any solution?

7

No, unfortunately we never found a solution. We reverted back to the liquid template.