--- title: Shopify developer documentation description: Learn how to build an app, theme, custom storefront, or marketplace. Whether you're just getting started, deep in the development process, or ready to distribute and monetize your work, Shopify's docs, dev tools and frameworks make building easy and efficient. source_url: html: https://shopify.dev/docs md: https://shopify.dev/docs.md --- # Shopify developer documentation Learn how to build an app, or customize your storefront. Whether you're just getting started, deep in the development process, or ready to distribute and monetize your work, Shopify's docs, dev tools and frameworks make building easy and efficient. ![Apps](https://shopify.dev/images/docs/apps-desktop.png)![Apps](https://shopify.dev/images/docs/apps-desktop-dark.png) ## Apps Extend Shopify's core functionality with apps that integrate into Shopify's admin, online store, checkout and more. [Build your first app](https://shopify.dev/docs/apps/build) ![Themes](https://shopify.dev/images/docs/themes-desktop.png)![Themes](https://shopify.dev/images/docs/themes-desktop-dark.png) ## Themes Help merchants express their unique brand in their storefront by building a custom theme. [Create a theme using Liquid](https://shopify.dev/docs/storefronts/themes) ![Headless](https://shopify.dev/images/docs/headless-desktop.png)![Headless](https://shopify.dev/images/docs/headless-desktop-dark.png) ## Headless Take store customization further with [Hydrogen](https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started) and Remix, a React-based framework for headless commerce. [Build a Hydrogen storefront](https://shopify.dev/docs/storefronts/headless) ![Apps](https://shopify.dev/images/docs/apps-mobile-2x.png)![Apps](https://shopify.dev/images/docs/apps-mobile-dark-2x.png) ## Apps Extend Shopify's core functionality with apps that integrate into Shopify's admin, online store, checkout and more. [Build your first app](https://shopify.dev/docs/apps/build) ![Themes](https://shopify.dev/images/docs/themes-mobile-2x.png)![Themes](https://shopify.dev/images/docs/themes-mobile-dark-2x.png) ## Themes Help merchants express their unique brand in their storefront by building a custom theme. [Create a theme using Liquid](https://shopify.dev/docs/storefronts/themes) ![Headless](https://shopify.dev/images/docs/headless-mobile-2x.png)![Headless](https://shopify.dev/images/docs/headless-mobile-dark-2x.png) ## Headless Take store customization further with [Hydrogen](https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started) and Remix, a React-based framework for headless commerce. [Build a Hydrogen storefront](https://shopify.dev/docs/storefronts/headless) ## Accelerate development with Shopify CLI 3.0 Initialize new [apps](https://shopify.dev/docs/api/shopify-cli/app), [themes](https://shopify.dev/docs/api/shopify-cli/theme), and [headless storefronts](https://shopify.dev/docs/api/shopify-cli/hydrogen) in an instant with the latest Shopify CLI. A single command installs all the dependencies you need, including the CLI itself, so you can dive straight into development. Apps 1. Install Shopify CLI globally. 2. Navigate to the directory where you want to create your app. 3. Run the second command to create a new app. Your app will be added as a new subdirectory. Themes 1. Install Shopify CLI globally. 2. Navigate to the directory where you want to create your theme. 3. Run the second command to clone Dawn, Shopify's base theme, that you can build on top of. Your theme will be created in a new subdirectory. Headless storefronts 1. Install Shopify CLI globally. 2. Navigate to the directory where you want to create your Hydrogen storefront. 3. Run the second command to initialize a Hydrogen storefront in a new subdirectory. ## Install Shopify CLI ```bash npm i -g @shopify/cli@latest ``` ```bash yarn global add @shopify/cli@latest ``` ```bash pnpm add -g @shopify/cli@latest ``` ## Initialize your app instance ```bash shopify app init ``` ## Initialize your theme instance ```bash shopify theme init ``` ## Initialize your storefront instance ```bash shopify hydrogen init ``` ## Launch your app or theme ### App Store When you're ready, submit your app to the [Shopify App Store](https://apps.shopify.com) so merchants can find and buy your app through search or personalized recommendations. [See App Store requirements](https://shopify.dev/docs/apps/store/requirements) ### Theme Store Promote and sell your custom theme to merchants building their brands on the [Shopify Theme Store](https://themes.shopify.com). [See Theme Store requirements](https://shopify.dev/docs/themes/store/requirements) ![Banner](https://shopify.dev/images/docs/launch-banner-tablet-2x.png) ![](https://shopify.dev/images/docs/icon-community-large.png)![](https://shopify.dev/images/docs/icon-community-large.png) #### ## Join a community of builders [![](https://shopify.dev/images/icons/48/forums.png)![](https://shopify.dev/images/icons/48/forums-dark.png)](https://community.shopify.dev) #### [.dev Community ->](https://community.shopify.dev) [Q\&A and advice from Shopify community experts](https://community.shopify.dev) [![](https://shopify.dev/images/icons/48/twitter.png)![](https://shopify.dev/images/icons/48/twitter-dark.png)](https://twitter.com/shopifydevs) #### [@ShopifyDevs on Twitter ->](https://twitter.com/shopifydevs) [Product announcements, API updates, tips, and more](https://twitter.com/shopifydevs) [![](https://shopify.dev/images/icons/48/changelog.png)![](https://shopify.dev/images/icons/48/changelog-dark.png)](https://shopify.dev/changelog) #### [Developer Changelog ->](https://shopify.dev/changelog) [The latest Shopify ecosystem updates](https://shopify.dev/changelog) [![](https://shopify.dev/images/icons/48/youtube.png)![](https://shopify.dev/images/icons/48/youtube-dark.png)](https://www.youtube.com/c/shopifydevs) #### [ShopifyDevs YouTube channel ->](https://www.youtube.com/c/shopifydevs) [Tips and insights in dev and design](https://www.youtube.com/c/shopifydevs) [![](https://shopify.dev/images/icons/48/twitch.png)![](https://shopify.dev/images/icons/48/twitch-dark.png)](https://www.twitch.tv/shopifydevs) #### [ShopifyDevs Twitch channel ->](https://www.twitch.tv/shopifydevs) [Tests and demo streams](https://www.twitch.tv/shopifydevs) [![](https://shopify.dev/images/icons/48/shopify.png)![](https://shopify.dev/images/icons/48/shopify-dark.png)](https://www.shopify.com/partners/blog) #### [Shopify Partners blog ->](https://www.shopify.com/partners/blog) [Educational resources and product previews](https://www.shopify.com/partners/blog)