I am currently creating an NextJS webapplication as my Storefront for my Customers. However since the most recent update Shopify has removed the Checkout API and Replaced it fully by the Cart API.
Now It's meant to use the checkoutUrl returned when creating or retrieving a Cart for checkout. My Issue is that when I use that url it's the following structure:
https://trinityctcw.com/cart/c/fjsdgdkfsd8f70457hfjskgfs?key=45783645300hfdjsf
However since I haven't programmed anything on this path, I land on the 404 Not Found page. Previously It would send me to: https://my-shopify.myshopify.com/ etc. and bring me to the shopify checkout pages and let me checkout there.
This results in the following question. Has shopify allowed fully custom checkouts now and if so what ressources to do I use to do so, or is there a new way of getting the correct checkoutUrl.
Here is my the link from the shopify.dev documentation that I've been using:
Cart API: https://shopify.dev/docs/api/storefront/2024-07/queries/cart
Checkout to Cart API Migration: https://shopify.dev/docs/storefronts/headless/building-with-the-storefront-api/cart/migrate-to-cart-...
Additional Info: I'm using Headless App by Shopify and I host my webpage on Vercel which runs with Nextjs.
