Tính Năng Hệ Thống

22 tính năng chính + 19 API endpoints

Tóm Tắt

22 Tính Năng
19 API
8 Tech
100% Mobile

Quản Lý (Admin)

1. Sản Phẩm

CRUD sản phẩm với giá, ảnh, phân loại

  • Thêm/sửa/xóa sản phẩm rượu vang
  • Upload nhiều ảnh (kéo thả, preview)
  • Phân loại: brand, origin, type, grapes
  • Giá + giá gốc (tính % auto)

2. Taxonomy

Phân loại: brand, origin, loại rượu, giống nho

  • Thương hiệu (Château Margaux...)
  • Xuất xứ: quốc gia + vùng
  • Loại rượu (đỏ, trắng, rosé...)
  • Giống nho (Cabernet, Merlot...)

3. Bài Viết

Blog: viết, ảnh, xuất bản

  • Soạn thảo HTML rich text
  • Upload ảnh bìa + gallery
  • Xuất bản/Draft
  • SEO meta tags

4. Menu Builder

Tạo navigation menu kéo thả

  • Thêm menu blocks + items
  • Kéo thả sắp xếp
  • Link tới product/article/custom URL

5. Settings

Logo, hotline, email, địa chỉ, Google Maps, meta defaults

  • Logo + Favicon
  • Thông tin liên hệ
  • SEO mặc định

6. Social Links

Facebook, Instagram, YouTube, Zalo... ở footer

  • Thêm/sửa social links
  • Upload icon tùy chỉnh

Khách Hàng (Frontend)

7. Tìm Kiếm (Search)

Real-time search với debounce 500ms

  • Tìm theo tên sản phẩm
  • Highlight kết quả
  • Tìm không dấu

8. Lọc (Filters)

Multi-select lọc kết hợp

  • Giá: min-max slider
  • Độ cồn: range slider
  • Brand, origin, type, grapes

9. Sắp Xếp (Sorting)

Giá, ngày tạo, tên A-Z

  • Giá: thấp→cao / cao→thấp
  • Ngày: mới→cũ / cũ→mới
  • Tên: A-Z / Z-A

10. Pagination & Scroll

24 items/trang hoặc infinite scroll

  • Pagination: click trang
  • Infinite scroll: auto load
  • Loading skeleton

11. Chi Tiết Sản Phẩm

Gallery, giá, thông tin, CTA liên hệ, SEO

  • Gallery lightbox + carousel
  • Độ cồn, vintage, dung tích
  • Mô tả rich HTML
  • CTA tracking

12. Bài Viết

Danh sách + chi tiết bài blog

  • List + pagination
  • Chi tiết: content, gallery, author
  • SEO meta tags

13. Responsive

Mobile-first design, responsive mọi thiết bị

  • Breakpoints: mobile/tablet/desktop
  • Touch-friendly UI
  • Lazy load images

14. Cache

Frontend cache version tracking

  • TanStack Query caching
  • Backend Redis cache
  • Auto invalidate

SEO & Marketing

15. Meta Tags Động

Title, description, keywords per page

  • Meta title + description
  • Fallback mặc định
  • Open Graph Facebook

16. Structured Data

Product + Article + Organization schema (JSON-LD)

  • Product schema (price, brand)
  • Article schema
  • Google rich snippets

17. SEO-friendly URLs

Auto slug từ title (dấu → không dấu)

  • VD: "Rượu Vang Đỏ" → /san-pham/ruou-vang-do
  • Unique validation

Thống Kê & Analytics

18. Visitor Tracking

UUID anonymous, localStorage persistent

  • Generate ID khi visitor lần đầu
  • Track sessions: POST /track/visitor
  • 100% anonymous (no IP, email...)

19. Event Tracking

product_view, article_view, cta_contact

  • POST /track/event
  • Metadata: referrer, page_url...

20. Dashboard Widgets

Visitor stats, top products, popular articles

  • Visitor hôm nay/tuần/tháng
  • Top products viewed
  • Top articles read

21-22. 19 API Endpoints

Health, cache, products, articles, home, menus, social, settings, tracking

  • GET /health
  • GET /san-pham, /bai-viet, /home, /menus, /social-links, /settings
  • POST /track/visitor, /track/event
  • Tài liệu tại /api-docs