This app is a guide for adding extensions to a Shopify app.
Rather than cloning this repo, you can use your preferred package manager and the Shopify CLI with these steps to create your own app and these tutorials to get started with admin action and block extensions.
This repo tracks the three tutorials that cover:
Running this app with no changes, will start you at the finishing point of Building a discounts app with Remix. This is the point where we have created an discount function and added a Remix route to render UI for discount creation in Shopify Admin.
This app is a guide for adding discount function extensions to a Shopify app. We have also provided some additional extensions to help you get started with other types of extensions. These are:
- Order discount function with minimum subtotal (Rust extension, Javascript extension)
You will find magic comments, (eg. # [START function-configuration.start]) throughout the files in this app. These are for highlighting code in shopify.dev and can be ignored.
- You must download and install Node.js if you don't already have it.
- You must create a Shopify partner account if you don’t have one.
- You must create a store for testing if you don't have one, either a development store or a Shopify Plus sandbox store.
If you used the CLI to create the template, you can skip this section.
Using yarn:
yarn installUsing npm:
npm installUsing pnpm:
pnpm installUsing yarn:
yarn devUsing npm:
npm run devUsing pnpm:
pnpm run devPress P to open the URL to your app. Once you click install, you can start development.
Local development is powered by the Shopify CLI. It logs into your partners account, connects to an app, provides environment variables, updates remote config, creates a tunnel and provides commands to generate extensions.
For more information about the base Remix app without extensions, check out this repo.