- Sử dụng thành thạo Vue.js (phiên bản 2.x) và Webpack (phiên bản 3.x)
- Sử dụng thành thạo Shopify Theme Development
- Shopify theme: không render nhiều, chỉ output ra cây trạng thái dùng cho Vuex. Chỉnh sửa mã nguồn Shopify theme, truy cập trực tiếp vào trang admin của Shopify
- Vue.js theme: trong thư mục
assets-src/src/js, các thư mục được chia nhỏ rất rõ ràng về chức năng:
pagescác trang chính của web app (index, collection, product, ...). Render page theo biến toàn cục chỉ định rõ trongtheme.liquidcủa Shopify theme, chưa có giải pháp sử dụng Vue-router.fragmentschứa các component thành phần được sử dụng trực tiếp trên các component pagecomponentschứa các component primitive được sử dụng nhiều lần trong toàn bộ webapp.storestore và modules của Vuexpluginsc
- DEV: npm run app:dev
- BUILD & DEPLOY: npm run app:deploy