---
title: Bring your own headless stack
description: >-
  Learn about integrating Shopify’s composable commerce APIs into the
  frameworks, hosting, and workflows that work best for you.
source_url:
  html: 'https://shopify.dev/docs/storefronts/headless/bring-your-own-stack'
  md: 'https://shopify.dev/docs/storefronts/headless/bring-your-own-stack.md'
---

# Bring your own headless stack

Shopify's headless APIs work with nearly any technology stack. You choose the language, framework, hosting, and workflows, and call Shopify's APIs directly without a Shopify toolkit.

If you want a JavaScript toolkit that handles the cart, variant selection, and other Shopify-specific logic for you, then refer to [Hydrogen](https://shopify.dev/docs/storefronts/hydrogen) instead.

***

## The APIs

Your storefront gets its data and commerce capabilities from two GraphQL APIs:

* The [Storefront API](https://shopify.dev/docs/storefronts/headless/building-with-the-storefront-api) serves products, collections, search, markets, and the cart, and hands customers off to checkout.
* The [Customer Account API](https://shopify.dev/docs/storefronts/headless/building-with-the-customer-account-api) lets customers sign in, and serves their orders, addresses, and profile.

You can call both APIs from any HTTP client. To build before you have a store, use [mock.shop](https://shopify.dev/docs/storefronts/headless/mock-shop), a public Storefront API with demo data.

***

## SDKs and integrations

Shopify provides tools that you can use on top of the APIs:

* [Additional SDKs](https://shopify.dev/docs/storefronts/headless/additional-sdks) include the Storefront API Client, Buy Button JS, and the JS Buy SDK for the web, and client libraries for Node.js, PHP, and Ruby on the server.
* [Storefront Web Components](https://shopify.dev/docs/api/storefront-web-components) add products, carts, and checkout to any HTML page.
* The [Shopify Plugin for WordPress](https://shopify.dev/docs/storefronts/headless/bring-your-own-stack/wordpress) displays products and collections from a Shopify store on a WordPress site.
* [Headless with B2B](https://shopify.dev/docs/storefronts/headless/bring-your-own-stack/b2b) shows how to get B2B pricing, volume pricing, and quantity rules into your storefront queries and cart.

***

## Get your keys

To connect a real store, install the Headless channel and create a storefront. The channel gives you Storefront API tokens and Customer Account API credentials, and lets you manage permissions and rotate credentials. Refer to [Get your keys](https://shopify.dev/docs/storefronts/headless/overview#get-your-keys).

***

## Next steps

[Storefront API\
\
](https://shopify.dev/docs/storefronts/headless/building-with-the-storefront-api)

[Query products and collections, and manage carts.](https://shopify.dev/docs/storefronts/headless/building-with-the-storefront-api)

[Customer Account API\
\
](https://shopify.dev/docs/storefronts/headless/building-with-the-customer-account-api)

[Sign customers in, and show their orders and profile.](https://shopify.dev/docs/storefronts/headless/building-with-the-customer-account-api)

[Headless with B2B\
\
](https://shopify.dev/docs/storefronts/headless/bring-your-own-stack/b2b)

[Build a dedicated or blended B2B storefront.](https://shopify.dev/docs/storefronts/headless/bring-your-own-stack/b2b)

[Shopify Plugin for WordPress\
\
](https://shopify.dev/docs/storefronts/headless/bring-your-own-stack/wordpress)

[Sell Shopify products on a WordPress site.](https://shopify.dev/docs/storefronts/headless/bring-your-own-stack/wordpress)

[Storefront Web Components\
\
](https://shopify.dev/docs/api/storefront-web-components)

[Embed products, carts, and checkout in any HTML page.](https://shopify.dev/docs/api/storefront-web-components)

[Additional SDKs\
\
](https://shopify.dev/docs/storefronts/headless/additional-sdks)

[Use Shopify's web and backend libraries in your stack.](https://shopify.dev/docs/storefronts/headless/additional-sdks)

***