Skip to content

Shopify/tutorial-discount-functions-with-remix

Repository files navigation

Shopify app tutorial with admin extensions

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:

Aligning this app to the tutorial

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.

A note about additional extensions

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:

A note on the comments

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.

Quick start

Prerequisites

  1. You must download and install Node.js if you don't already have it.
  2. You must create a Shopify partner account if you don’t have one.
  3. You must create a store for testing if you don't have one, either a development store or a Shopify Plus sandbox store.

Setup

If you used the CLI to create the template, you can skip this section.

Using yarn:

yarn install

Using npm:

npm install

Using pnpm:

pnpm install

Local Development

Using yarn:

yarn dev

Using npm:

npm run dev

Using pnpm:

pnpm run dev

Press 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.

More about the app

For more information about the base Remix app without extensions, check out this repo.

Resources

About

Build a discount with GraphQL tutorial

Resources

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages