> ## Documentation Index
> Fetch the complete documentation index at: https://docs.knot.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Getting Started

> Welcome to Knot Docs!

Knot.dev is an AI-powered platform that creates stunning e-commerce websites from simple prompts or image references—no coding required.
It seamlessly connects to your favourite backend while building custom headless React frontends,
giving you the best of both worlds: your favourite e-commerce power with complete design freedom.
Beyond building websites, use chat commands to manage products, generate professional images, and update your store in real-time.
With both visual and code editors, you maintain full control over your site.

<Note>Shopify integration available now, with WooCommerce & Stripe standalone coming soon</Note>

## Requirements

To start using Knot.dev, you will need the following:

* A Knot.dev account
* A Shopify store - don't have one? <a href="https://www.shopify.com/?ref=knotdev" target="_blank" rel="noopener noreferrer">Sign up for a free trial</a>
* A private shopify app with Storefront API access - <a href="#getting-your-api-key">see instructions below</a>

## Getting your Admin API key And Storefront API key

<Note>
  We need both the Admin API key and Storefront API key to connect your Shopify store to Knot.dev
  the Admin Api key allows us to manage products, collections, and orders,
  while the Storefront API key enables us to fetch product data and display it on your website.
</Note>

<Steps>
  <Step title="Create a private app">
    * Log in to your Shopify admin panel.
    * Navigate to 'Apps' in the left sidebar.
    * App and sales channel settings
    * Develop apps on the top right
    * Click 'Create an app', provide a name (e.g., "Knot"), and click 'Create app'.
    * Obtain your API credentials

    <Danger>You must save the API credentials now, as you won't be able to see them again!</Danger>
  </Step>

  <Step title="Give permissions - Admin API scopes">
    | Type                   | Options                                       |
    | ---------------------- | --------------------------------------------- |
    | Discounts              | Read discounts, write discounts               |
    | Inventory              | Read inventory, write inventory               |
    | Price rules            | Read price rules, write price rules           |
    | Product feeds          | Read product feeds, write product feeds       |
    | Product listings       | Read product listings, write product listings |
    | Products               | Read products, write products                 |
    | Publications           | Read publications, write publications         |
    | Analytics              | Read analytics                                |
    | Metaobject definitions | Read metaobjects, write metaobjects           |
    | Metaobject entries     | Read metaobjects, write metaobjects           |

    <Note>
      You can always adjust these later if you need more functionality and as we add more features
    </Note>
  </Step>

  <Step title={"Storefront API access scopes"}>
    Check all the boxes to enable full access for the Storefront API
  </Step>

  <Step title="Note your store domain">
    Your Shopify domain is your store's URL in the format `your-store-name.myshopify.com`. You'll need this along with your API token.

    If you forgot your store domain, you can find it in the Shopify admin under "Settings" > "General".
  </Step>
</Steps>

**Ready to start a new project?** Let's move on to the next step:
