Embed a shopify cart like in buy button in an external react website

[jinalvora]

Hello all,

We have built a website in react (next.js) for our Shopify store. Where all the product pages are manually built in the react. Now we just want shopify to take care of the cart and accounts page. 

We have checked the buy now button (ref: https://www.shopify.com/blog/60670213-5-ways-you-can-use-shopify-buy-buttons-to-sell-on-your-website...). That seems really good. That is what we actually want. 

But, instead of their buy now button we have our own that is styled dynamically, so we will not be able to use their solution directly. And we have our own variants picker that is used to select the product variant. So, based on the product variant and product (getting and settings those ids wouldn't be an issue for us) we want to add items to the cart, and then after the flow should be handled by Shopify.

Also, for accounts, is there any solutions available? where users can login and check their orders and other things? Setting up on a subdomain will also be fine.