Installation
Create an Ecomiq storefront in minutes with create-ecomiq.
Last updated:
Requirements
- Node.js 20 or later
- An active Ecomiq store (slug or domain, e.g.
marketplaceorstore.com)
Create the project
npm create ecomiq@latestYou can also pass the directory:
npx create-ecomiq@latest my-storeThe wizard asks for:
- Project name — destination folder
- Domain — store slug or domain; validated against the Storefront API before continuing
- Package manager —
npm,pnpm,yarn, orbun
If the domain is valid, you see the store name and scaffolding continues. If it does not exist, you get a clear error and can correct it.
The CLI always downloads the scaffold template (home, PLP, PDP, cart,
login/register).
Start the store
cd my-storenpm run devOpen http://localhost:3000. The CLI generates .ecomiq/ (SSR + HMR); do not
commit it:
.ecomiq/What you get:
ecomiq.config.js already includes the domain you verified. Continue with
configuration and the CLI.
Non-interactive mode
Useful for CI or scripts. With --yes, --domain is required:
npx create-ecomiq@latest my-store \
--domain marketplace \
--pm pnpm \
--yes| Flag | Description |
|---|---|
--domain | Store domain (x-Store-Domain) |
--pm | npm | pnpm | yarn | bun |
--yes / -y | Skip prompts |
--skip-install | Write files only; skip install |
Manual installation
If you prefer to set up the project by hand (no scaffold):
npm install @ecomiq/storefront react react-dom
npm install --save-dev typescript @types/node @types/react @types/react-domReact 19, "type": "module", and CLI scripts:
{
"private": true,
"type": "module",
"scripts": {
"dev": "ecomiq dev",
"build": "ecomiq build",
"deploy": "ecomiq deploy",
"clean": "ecomiq clean"
}
}Identify the store at the project root:
import { defineConfig } from "@ecomiq/storefront/config";
export default defineConfig({
domain: "marketplace",
});domain can be a slug (marketplace) or a domain
(marketplace.ecomiq.app / marketplace.com).
Create at least one page:
import { definePage } from "@ecomiq/storefront";
export default definePage({
meta: () => ({ title: "Home" }),
component: ({ settings }) => (
<main>
<h1>{settings.store.name}</h1>
<p>{settings.store.description}</p>
</main>
),
});Then npm run dev or pnpm dev.
Scaffold vs CLI
create-ecomiq creates the project. The ecomiq CLI (shipped with
@ecomiq/storefront) is what you use afterward: dev, build, deploy,
and clean.