How to Get a Shopify Checkout Page to work with Gatsby on the same URL

Retired Boards Appdev Custom Storefronts
1

Hey guys,

I have a website that is running a Gatsby.js store using the Shopify API. I, along with everyone else who followed the tutorial on LevelUp are just missing one peice to our Shopify-Web Apps — I can’t get the checkout page to be on the same URL as my app.

Help, please!

Do I really need to build a checkout page myself with inventory checking and coupons and shipping and the transaction itself? Is there no way to just have a Shopify checkout page on the same URL as a PWA / web app?

1 Like
2

Do I just need Shopify Plus? I don’t really want to build a theme when I’ve already built a checkout object… I just want to process the transaction using Shopify’s API on the same URL.

3

For an example, visit: https://shop.gatsbyjs.org

4

Strivectin has this issue fixed. They are running a Gatsby website with a Shopify checkout page located at shop.striventin.com

5

Strivectin has this issue fixed. They are running a Gatsby website with a Shopify checkout page located at shop.striventin.com

That’s great! How did they do it?

6

Check out shopify-buy and this: https://www.youtube.com/watch?v=tUtuGAFOjYI&t=16m59s