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

UX_Effects
Shopify Partner
12 0 2

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?

Replies 5 (5)

UX_Effects
Shopify Partner
12 0 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.

UX_Effects
Shopify Partner
12 0 2

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

UX_Effects
Shopify Partner
12 0 2

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

anonymous-dev
Visitor
1 0 0

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
Shopify Partner
30 2 13

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