You're ready to scaffold a new app. You want to set up your development environment so that you can start coding.

In this tutorial, you'll scaffold an app that users can access in the Shopify admin. You'll generate starter code and use [Shopify CLI](/docs/api/shopify-cli) to develop your app.

## What you'll learn

In this tutorial, you'll learn how to do the following tasks:

- Initialize a Remix app that uses [Shopify CLI](/docs/api/shopify-cli)
- Install your app on a development store
- Generate a product using your new app

![Screenshot showing a simple embedded app in the Shopify admin](/assets/apps/what-youll-build-remix-global-cli.png)

## Requirements

- You've created a [Partner account](https://www.shopify.com/partners) and a [development store](/docs/api/development-stores#create-a-development-store-to-test-your-app).
- You're using the latest version of [Shopify CLI](/docs/api/shopify-cli).
- You're using the latest version of [Chrome](https://www.google.com/chrome/) or [Firefox](https://www.mozilla.org/).



## Step 1: Create a new app

You can create a new Shopify app using [Shopify CLI](/docs/api/shopify-cli)

1. Navigate to the directory where you want to create your app.

    Your app will be created in a new subdirectory.

2. Run the following command to create a new app:

    <p>
    <div class="react-code-block" data-preset="terminal">
    <div class="react-code-block-preload ThemeMode-dim">
    <div class="react-code-block-preload-bar "></div>
    <div class="react-code-block-preload-placeholder-container">
    <div class="react-code-block-preload-code-container">
    <div class="react-code-block-preload-codeline-number"></div>
    <div class="react-code-block-preload-codeline"></div>
    </div>

    </div>
    </div>


    <script type="text/plain" data-language="bash">
    RAW_MD_CONTENTshopify app init 
    END_RAW_MD_CONTENT</script>

    </div>
    </p>


3. When prompted, enter a name for your app, and then select **Build a Remix app** to use the [Remix template](https://github.com/Shopify/shopify-app-template-remix).

    > Tip:
    > If you want to create an extension-only app, then select **Build an extension-only app**. [Learn more about extension-only apps](/docs/apps/build/app-extensions/build-extension-only-app).
    >
    > We recommend that you use the Remix template for most other cases. However, you can use one of our other templates, or provide your own. Learn more about [using other app templates](/docs/api#app-templates).

    A new app is created and Shopify CLI is installed along with all the dependencies that you need to build Shopify apps:

    ![An image showing an app being created in the terminal.](/assets/apps/create-new-project-cli3-global-cli.png)

## Step 2: Start a local development server

After your app is created, you can work with using a local development server and the [Shopify CLI](/docs/apps/build/cli-for-apps).

Shopify CLI uses [Cloudflare](https://developers.cloudflare.com/cloudflare-one/connections/connect-apps/do-more-with-tunnels/trycloudflare/) to create a tunnel that enables your app to be accessed using a HTTPS URL.

1. Navigate to your newly created app directory.

    <p>
    <div class="react-code-block" data-preset="terminal">
    <div class="react-code-block-preload ThemeMode-dim">
    <div class="react-code-block-preload-bar "></div>
    <div class="react-code-block-preload-placeholder-container">
    <div class="react-code-block-preload-code-container">
    <div class="react-code-block-preload-codeline-number"></div>
    <div class="react-code-block-preload-codeline"></div>
    </div>

    </div>
    </div>


    <script type="text/plain" data-language="bash">
    RAW_MD_CONTENTcd my-new-app
    END_RAW_MD_CONTENT</script>

    </div>
    </p>


2. Run the following command to start a local server for your app:

    <p>
    <div class="react-code-block" data-preset="terminal">
    <div class="react-code-block-preload ThemeMode-dim">
    <div class="react-code-block-preload-bar "></div>
    <div class="react-code-block-preload-placeholder-container">
    <div class="react-code-block-preload-code-container">
    <div class="react-code-block-preload-codeline-number"></div>
    <div class="react-code-block-preload-codeline"></div>
    </div>

    </div>
    </div>


    <script type="text/plain" data-language="bash">
    RAW_MD_CONTENTshopify app dev 
    END_RAW_MD_CONTENT</script>

    </div>
    </p>


<br>
Shopify CLI performs the following tasks:

- Guides you through logging into your [Partner account](https://help.shopify.com/partners/about) and selecting a Partner organization
- Creates an app in the Partner Dashboard, and connects your local code to the app
- Creates your [Prisma SQLite database](https://github.com/Shopify/shopify-app-template-remix#application-storage)
- Creates a tunnel between your local machine and the development store

To learn more about the processes that are executed when you run `dev`, refer to the [Shopify CLI command reference](/docs/api/shopify-cli/app/app-dev).

<!---->

> Caution:
> To use a development store or Plus sandbox store with Shopify CLI, you need to be the store owner, or have a [staff account](https://help.shopify.com/manual/your-account/staff-accounts) on the store. Staff accounts are created automatically the first time you access a development store with your Partner staff account through the Partner Dashboard.


## Step 3: Install your app on your development store

You can install your app on your development store, and automatically populate your development store with products that you can use for app testing.

1. With the server running, press `p` to open your app's preview URL in a browser.

    When you open the URL, you're prompted to install the app on your development store.

2. Click **Install app** to install the app on the development store.

    You now have a development store running with your new app installed:

    ![An image showing how to install your app on your development store.](/assets/apps/install-preview-app-remix.png)

3. From the home page of the new app, click **Generate a product** to create a product for your development store.

## Next steps

- Follow the [Build a Shopify app using Remix](/docs/apps/build/build) tutorial to learn how to add features to an app using the Shopify Remix template and key Shopify tools and libraries.
- Learn how to [deploy](/docs/apps/launch/deployment) and [distribute](/docs/apps/launch/distribution) your app.