Shopify
Xây dựng ứng dụng và customization Shopify chuyên nghiệp với Shopify CLI, App Bridge và Polaris Design System.
Kỹ Năng Này Làm Gì
Skill ckm:shopify hỗ trợ toàn bộ quy trình phát triển Shopify — từ scaffold ứng dụng, tích hợp Admin API, xây dựng UI với Polaris, đến cấu hình extension và theme customization.
Bắt Đầu Nhanh
/ckm:shopifyHoặc mô tả ứng dụng:
/ckm:shopify Tạo Shopify app để tự động gửi review request email sau khi giao hàngTạo App Mới
# Tạo app với Shopify CLI
npm init @shopify/app@latest
# Chọn template
# → Node.js (Remix framework)
# → PHP
# Development server
shopify app devTính Năng Chính
- App scaffold: Cấu trúc chuẩn Shopify App với Remix/Next.js
- Admin API: GraphQL queries và mutations cho products, orders, customers
- Polaris UI: Components theo Shopify design system
- App Bridge: Embed app vào Shopify Admin
- Webhooks: Xử lý events từ Shopify realtime
- Theme extensions: App blocks và section integration
Ví Dụ Admin API
// Lấy danh sách orders gần đây
const query = `
query getOrders($first: Int!) {
orders(first: $first) {
edges {
node {
id
name
totalPrice
fulfillmentStatus
}
}
}
}
`;
const response = await admin.graphql(query, {
variables: { first: 10 }
});Ví Dụ Sử Dụng
Xây dựng app:
/ckm:shopify App quản lý loyalty points — tích điểm khi mua hàng, đổi điểm lấy discountTối ưu checkout:
/ckm:shopify Shopify checkout extension thêm trường nhập ghi chú và chọn ngày giao hàngTheme customization:
/ckm:shopify Tạo custom section hiển thị countdown timer cho flash sale