Sample React Native app that fetches products from Shopify using the Storefront API, creates a cart, and presents checkout with Checkout Kit for React Native.
This code accompanies the following tutorials on shopify.dev:
| File | Description |
|---|---|
storefrontClient.js |
Storefront API client — product queries and cart creation |
ProductListScreen.jsx |
Product list with Add to Cart |
CartScreen.jsx |
Checkout Kit integration with event handling |
App.jsx |
App entry point with ShopifyCheckoutSheetProvider |
- Clone this repo.
- Run
npm install. - In
storefrontClient.js, replace{shop}.myshopify.comwith your store domain and add your Storefront API access token. - Run
npx react-native run-iosornpx react-native run-android.
- React Native 0.70+
- iOS 13+ / Android SDK 23+
- A Shopify development store with at least one product
- A Storefront API access token with
unauthenticated_read_product_listingsandunauthenticated_write_checkoutsscopes
This repository doesn't accept issues or external contributions. It exists as a companion to the tutorials linked above. If you find an issue with the tutorial content, use the feedback form on the tutorial page.
This project is licensed under the MIT License.