Storefront
Modern and high performant headless eCommerce Storefront. PWA & JAMstack architecture ready for E-Com Plus APIs. Built with Vue.js, extensible through widgets and editable with Netlify CMS.
Install / Use
/learn @ecomplus/StorefrontREADME
Storefront
:rocket: Modern and high performant headless eCommerce Storefront:
- PWA & JAMstack architecture;
- Ready for E-Com Plus REST APIs;
- Micro-frontends built with Vue.js 2;
- Extensible through widgets;
- Easy to customize with Netlify CMS;
- Conversion focused following Google Retail UX Playbook;
- Internationalization support;
- A11Y compliance;
- Going for Lighthouse :100: overall;
:page_with_curl: Explore the docs · :shopping: Demo store · Report bug · Request feature · Forum :brazil:
Quick start for merchants
:zap: Take a look at the Storefront Starter if you just want to deploy your E-Com Plus store, or go to customization docs if you're searching for theming guides.
Development
Fork/clone this monorepo and install dependencies normally:
git clone https://github.com/ecomplus/storefront
cd storefront
npm i
Then you can edit source files at @ecomplus/* folders and test template locally with npm run serve.
As any project maintained with Lerna, you should run commands from root directory.
Packages
Official packages composing Storefront are listed here with respective description and latest version.
They're published for both npm and GPR.
Contributing
Please read the contribution guidelines.
<details> <summary> Check some example useful commands </summary>Compile template for production
npm run build
Compile all packages
npx lerna exec -- build
Serve template locally
npm run serve
Serve some specific package tests
lerna run --scope=@ecomplus/{pkg} serve --stream
Lint changed files
npx lerna exec -- lint-staged
Release and publish all changed packages
npm run release
</details>

Related Skills
node-connect
349.9kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
109.8kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
349.9kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
349.9kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
