Building Custom Checkout with Headless Shopify and Next.js - Avoiding Shopify's Web Checkout

Retired Boards Appdev Custom Storefronts
, ,
1

Hi,

We are building a headless Shopify site with Next.js and the Storefront API. After upgrading the Storefront API to the July version, I see all Checkout API functionality has migrated to the Cart API. The Storefront Cart API redirects to Shopify’s Web Checkout, which enables seamless integration with Shopify Functions and UI extensions.

However, we want to build our own custom checkout page and not use Shopify’s Web Checkout.

How can we use a headless store and handle the payment process without using Shopify’s Web Checkout?

If anyone has had similar problems, please let me know!

Thank you.

2

Hello @LounaAkkad

Here you are sharing the requirements regarding Shopify’s Web Checkout.

Can you please describe the problem you facing?

Thank you

3

With Shopify’s Web Checkout, I need to hide the contact information and address, and take the user directly to the payment step. In checkout.liquid, this was possible, but now with the new checkout extension, it is not. My only option now is to remove Shopify’s Web Checkout and build my custom page.