Create an app
You're ready to create a new app. You want to set up your development environment so that you can start coding.
You want your app to embed in the Shopify admin inside an iframe. Since this is your first time creating a Shopify app, you want to start with some boilerplate code that makes your programming experience easier and more efficient.
By creating an embedded app, you're able to add features to certain parts of Shopify’s user interface and online stores. You'll also deliver the best merchant experience because your app will be closely integrated with Shopify.
What you'll learn
After you've finished this tutorial, you'll have accomplished the following:
- Set up your local development environment
- Generated starting code for building your app
- Installed your app on a development store
- You've created a partner account and a development store.
- You understand how apps fit into Shopify and the different types of apps you can build.
- You've installed the latest version of Node.js.
Step 1: Install Shopify CLI
Start by installing Shopify CLI on your computer. You can install Shopify CLI on Windows, macOS, or Linux. Use your computer's command line to install Shopify CLI from one of the supported package managers.
Step 2: Create a new project
After you've installed Shopify CLI, you're ready to create a new project.
Navigate to the directory where you want to create your project and run
shopify node create. This command scaffolds a new Node.js app in a subdirectory and creates your app in the Partner Dashboard.
Step 3: Start a local development server
After your app is created, you can work with it by navigating to your project directory and running
shopify node serve to start a local development server.
Shopify CLI uses ngrok to create a tunnel that allows your app to be accessed using a unique HTTPS URL, which is mandatory when creating an app.
Step 4: Install your app on your development store
With the server running, open the URL that your terminal printed out in the previous step. When you open the URL, you're prompted to install the app on your development store.
You now have a development store running with your new app installed.
- Start building your app by populating data to test your app against, designing your user interface with Polaris, interacting with Shopify's APIs, and configuring a webhook so that your app stays in sync with changing data.