Add deferred purchase option app components

Previously, you set up the foundation of your app. You're now ready to add app components that can help merchants create and view their deferred purchase options.

On the app page, you want to add functionality that enables mechant to do the following tasks:

  • Set the deferred purchase option name
  • Configure the delivery, inventory, and billing policies for the deferred purchase option
  • Select products that will have the deferred purchase option

On the app's homepage, you want to view a list of created deferred purchase options.

You'll use Polaris and App Bridge React to build the user interface. You'll use GraphQL Admin API mutations and queries to create and retrieve deferred purchase options.

At the end of this tutorial, you'll have a functioning app. This app will be simple, but you’ll learn where to find resources to build more complex features on your own.