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

[UX_Effects]

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?

[UX_Effects]

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.

[UX_Effects]

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

[UX_Effects]

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

[anonymous-dev]

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?

[cfx]

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