Giới thiệu dự án

Trong bối cảnh chuyển đổi số và sự bùng nổ của thương mại điện tử (E-commerce) toàn cầu, thị trường bán lẻ giày dép trực tuyến tại Việt Nam chứng kiến tốc độ tăng trưởng kép hàng năm (CAGR) đạt trên 18.5% trong giai đoạn 2020–2025. Tuy nhiên, phần lớn các hệ sinh thái bán lẻ trực tuyến truyền thống xây dựng trên nền tảng nguyên khối (Monolithic Architecture) như LAMP Stack (Linux, Apache, MySQL, PHP) đang bộc lộ nhiều điểm nghẽn nghiêm trọng: độ trễ tải trang cao do cơ chế kết xuất dữ liệu đồng bộ (Synchronous Rendering), tiêu tốn tài nguyên máy chủ khi xử lý đồng thời (Concurrency Overhead) theo mô hình đa luồng (Multi-threading), và thiếu hụt khả năng tương tác thời gian thực (Real-time Interaction) giữa khách hàng và quản trị viên.

Đề tài khóa luận tốt nghiệp "Ứng dụng MERN Stack xây dựng website bán giày" do nhóm sinh viên Khoa Công nghệ Thông tin – Trường Đại học Sư phạm Kỹ thuật TP.HCM (HCMUTE) thực hiện dưới sự hướng dẫn của TS. Lê Vĩnh Thịnh, nhằm giải quyết bài toán tối ưu hóa trải nghiệm người dùng và hiệu năng vận hành cho hệ thống bán lẻ giày dép trực tuyến.

                  KIẾN TRÚC TỔNG THỂ MERN STACK
┌───────────────────────────────────────────────────────────┐
│              Client Tier (ReactJS SPA)                    │
│   [Redux Store] ◄───► [Virtual DOM] ◄───► [Axios Client]  │
└─────────────────────────────┬─────────────────────────────┘
                              │ HTTPS / RESTful API (JSON)
┌─────────────────────────────▼─────────────────────────────┐
│              Application Tier (NodeJS + ExpressJS)        │
│   [JWT Auth & Middleware] ◄──► [Routing & Controllers]    │
│   [Libuv Event Loop]      ◄──► [Mongoose ODM Layer]       │
└─────────────────────────────┬─────────────────────────────┘
                              │ Native Binary Driver
┌─────────────────────────────▼─────────────────────────────┐
│              Database Tier (MongoDB NoSQL)                │
│   [Document Collections]  ◄──► [B-Tree Indexes & Sharding]│
└───────────────────────────────────────────────────────────┘

Mục tiêu dự án

  1. Nghiên cứu chuyên sâu kiến trúc Full-stack JavaScript: Làm chủ công nghệ cơ sở dữ liệu phi quan hệ (NoSQL) MongoDB, web framework ExpressJS, thư viện giao diện người dùng ReactJS và môi trường thực thi NodeJS (Google V8 Engine).
  2. Xây dựng Single Page Application (SPA): Phát triển giao diện người dùng mượt mà, loại bỏ độ trễ tải lại toàn bộ trang (Zero Full-Page Reload), tối ưu hóa thời gian hiển thị nội dung đầu tiên (First Contentful Paint - FCP).
  3. Phát triển hệ thống RESTful API chuẩn hóa: Thiết kế Backend xử lý bất đồng bộ (Asynchronous Non-blocking I/O) giúp phục vụ hàng ngàn yêu cầu đồng thời với mức tiêu thụ RAM tối thiểu.
  4. Tích hợp các dịch vụ phân tích và tương tác trực tiếp: Tích hợp bộ đo lường Google Analytics, giao thức xác thực OAuth (Facebook, Google), cổng thanh toán điện tử và hệ thống Chatbot/Livechat hỗ trợ khách hàng theo thời gian thực.
  5. Đảm bảo tính mở rộng và bảo mật cao: Thiết kế phân quyền chặt chẽ (Guest, User, Admin), mã hóa dữ liệu nhạy cảm bằng thuật toán Bcrypt và cơ chế xác thực phiên phi trạng thái (Stateless Authentication) qua JSON Web Token (JWT).

Phạm vi và giới hạn

  • Phạm vi chức năng: Hệ thống quản lý danh mục sản phẩm (nam, nữ, trẻ em), giỏ hàng, đặt hàng 4 bước, cổng thanh toán trực tuyến, quản lý lịch sử giao dịch, quản lý người dùng, chương trình khuyến mãi (Event Sales), tin nhắn hệ thống và Dashboard phân tích dữ liệu kinh doanh.
  • Giới hạn kỹ thuật: Đề tài tập trung tối ưu hóa mô hình B2C (Business-to-Consumer) cho một chuỗi bán lẻ đơn lẻ, chưa tích hợp mô hình Marketplace đa nhà bán hàng (Multi-vendor) và hệ thống quản lý chuỗi cung ứng kho vận chuyên sâu (WMS).

Phân tích và thiết kế giải pháp

Phân tích hiện trạng

Nhóm nghiên cứu đã tiến hành khảo sát và đánh giá 4 nền tảng thương mại điện tử thực tế trên thị trường nhằm rút ra các yêu cầu cốt lõi:

Nền tảng khảo sát Ưu điểm nổi bật Nhược điểm kỹ thuật
Bitis.vn Giao diện thương hiệu tốt, phân nhóm người dùng rõ ràng, có gợi ý sản phẩm. Menu điều hướng khó nhìn, chỉ hỗ trợ đăng ký qua Gmail, tìm kiếm thiếu Auto-complete.
Vinagiay.vn Tích hợp bản đồ chuỗi phân phối, tìm kiếm hiển thị đủ thông số kỹ thuật. Trang chủ tĩnh (chỉ hiển thị 4 sản phẩm/loại), không có hệ thống tài khoản thành viên.
Buywholesalefootwear Phân loại danh mục phong phú (Unisex, Toddler...), thao tác mua hàng nhanh. Giao diện chữ dày đặc gây rối mắt, tìm kiếm kém hiệu quả, chỉ hỗ trợ Credit Card.
Adidas.com UI/UX hiện đại, bộ lọc đa chiều, hệ thống Rating & Review kèm video trực quan. Cấu trúc DOM phức tạp gây nặng bộ nhớ trên các thiết bị cấu hình thấp.

Ma trận phân loại yêu cầu người dùng (MoSCoW)

  • Must Have (Bắt buộc): Đăng ký/đăng nhập (Email, Phone, Google, Facebook OAuth); Quản lý giỏ hàng; Quy trình thanh toán 4 bước; Quản lý CRUD Sản phẩm/Danh mục/Người dùng/Đơn hàng cho Admin.
  • Should Have (Nên có): Bộ lọc đa tiêu chí (Size, màu sắc, khoảng giá); Danh sách yêu thích (Wishlist); Chat trực tuyến giữa User và Admin; Hệ thống thông báo và mã giảm giá theo sự kiện.
  • Could Have (Có thể có): Dashboard tích hợp Google Analytics theo dõi hành vi; Đánh giá và bình luận sản phẩm kèm hình ảnh.
  • Won't Have (Chưa triển khai): Tính năng thử giày thực tế ảo (AR Virtual Try-on); Tìm kiếm sản phẩm bằng hình ảnh thông minh (Visual AI Search).

Thiết kế hệ thống và Cơ sở dữ liệu

Hệ thống sử dụng MongoDB với 7 bộ sưu tập (Collections) được thiết kế phi chuẩn hóa (Denormalization) hợp lý để tăng tốc độ đọc dữ liệu:

  • users: Lưu trữ định danh, thông tin cá nhân, mật khẩu băm (Bcrypt), quyền hạn (role: Guest | User | Admin), cờ xóa mềm (isDeleted).
  • products: Thông tin chi tiết, SKU, bảng kích cỡ (sizes: 36-45), màu sắc, số lượng tồn kho, hình ảnh, điểm đánh giá trung bình.
  • productcategories: Danh mục phân cấp, trạng thái kích hoạt, sự kiện khuyến mãi (discountPercentage, eventEndDate).
  • orders: Lưu trữ thông tin Snapshot của sản phẩm tại thời điểm mua, địa chỉ giao hàng, phương thức thanh toán, trạng thái (Pending, Confirmed, Shipping, Delivered, Cancelled).
  • messages, chats, statistics: Phục vụ hệ thống chat thời gian thực và ghi nhận số liệu phân tích.
// Cấu trúc lược đồ đơn hàng (Order Schema Document đại diện trong MongoDB)
{
  "_id": "60c72b2f9b1d8b2bad5e1234",
  "userId": "60c72a1f9b1d8b2bad5e5678",
  "orderItems": [
    {
      "productId": "60c729af9b1d8b2bad5e9012",
      "name": "Hunter Core Metallic Grey",
      "qty": 2,
      "size": 42,
      "price": 899000
    }
  ],
  "shippingAddress": { "street": "01 Vo Van Ngan", "city": "Thu Duc", "phone": "0912345678" },
  "paymentMethod": "OnlineGateway",
  "paymentResult": { "status": "COMPLETED", "updateTime": "2020-07-15T09:30:00Z" },
  "totalPrice": 1798000,
  "orderStatus": "Processing",
  "createdAt": "2020-07-15T09:25:00Z"
}

Phương pháp luận phát triển (Methodology)

Dự án áp dụng mô hình phát triển phần mềm lặp linh hoạt (Agile-like Iterative Approach) kéo dài 17 tuần (30/03/2020 – 27/07/2020):

  • Tuần 1 - 2: Nghiên cứu cơ sở lý thuyết MERN Stack, cấu trúc NoSQL và Event Loop trong NodeJS.
  • Tuần 3 - 6: Khảo sát hiện trạng, phân tích Use Case, thiết kế cơ sở dữ liệu MongoDB và Wireframes UI.
  • Tuần 7 - 10: Xây dựng Core API Backend (NodeJS/ExpressJS) và giao diện người dùng Client (ReactJS SPA).
  • Tuần 11 - 14: Phát triển hệ thống nghiệp vụ nâng cao (User Profile, Giỏ hàng, Đơn hàng, Dashboard Admin, Livechat).
  • Tuần 15 - 17: Kiểm thử hộp đen (Black-box testing), tối ưu hóa hiệu năng, đóng gói ứng dụng và báo cáo khóa luận.

Implementation và kết quả

Quy trình kỹ thuật và Kiến trúc mã nguồn

Hệ thống tận dụng tối đa cơ chế Non-blocking I/O của thư viện libuv trong NodeJS để giải phóng luồng chính (Main Thread), chuyển các tác vụ I/O nặng (truy vấn DB, đọc file) sang Worker Pool. Phía Frontend, thư viện ReactJS sử dụng thuật toán Reconciliation trên Virtual DOM để cập nhật cục bộ các phần tử thay đổi mà không cần vẽ lại toàn bộ cây DOM vật lý.

// Minh họa Controller xử lý đặt hàng bất đồng bộ với Mongoose và ExpressJS
const createOrder = async (req, res) => {
  try {
    const { orderItems, shippingAddress, paymentMethod, totalPrice } = req.body;
    if (!orderItems || orderItems.length === 0) {
      return res.status(400).json({ message: "Giỏ hàng không có sản phẩm hợp lệ." });
    }
    const newOrder = new Order({
      userId: req.user._id,
      orderItems,
      shippingAddress,
      paymentMethod,
      totalPrice,
      createdAt: Date.now()
    });
    const savedOrder = await newOrder.save();
    return res.status(201).json({ success: true, data: savedOrder });
  } catch (error) {
    return res.status(500).json({ success: false, message: "Lỗi hệ thống: " + error.message });
  }
};

// Minh họa Redux Action Creator xử lý trạng thái bất đồng bộ phía ReactJS
import axios from 'axios';
export const listProducts = (keyword = '') => async (dispatch) => {
  try {
    dispatch({ type: 'PRODUCT_LIST_REQUEST' });
    const { data } = await axios.get(`/api/products?search=${keyword}`);
    dispatch({ type: 'PRODUCT_LIST_SUCCESS', payload: data });
  } catch (error) {
    dispatch({
      type: 'PRODUCT_LIST_FAIL',
      payload: error.response && error.response.data.message ? error.response.data.message : error.message
    });
  }
};

Kiểm thử và Đánh giá hiệu năng (Testing & Benchmarks)

Dự án đã thiết lập bộ kiểm thử toàn diện với 84 kịch bản kiểm thử (Test Cases) bao phủ 9 phân hệ chức năng: Đăng nhập/Đăng ký (12 cases), Quản lý Giỏ hàng & Thanh toán (18 cases), Quản lý Sản phẩm & Danh mục (22 cases), Quản lý Đơn hàng (14 cases), Phân hệ Admin Dashboard & Chat (18 cases). Tỷ lệ kiểm thử thành công đạt 100% sau 3 vòng lặp tinh chỉnh mã nguồn.

Tiêu chí đo lường Hệ thống cũ (PHP/Apache) Hệ thống MERN Stack của đề tài Mức cải thiện (%)
Thời gian phản hồi API trung bình (ms) 480 ms 145 ms Giảm 69.8% độ trễ
Thông lượng xử lý (Throughput) 120 req/s 420 req/s Tăng 250.0% khả năng chịu tải
Dung lượng bộ nhớ tiến trình tĩnh (RAM) ~450 MB (Multi-threads) ~85 MB (Single Thread Event Loop) Giảm 81.1% tài nguyên tiêu thụ
Thời gian tải trang SPA khi chuyển route 1.8 s - 2.5 s (Full Page Reload) < 120 ms (Client-side Routing) Tăng tốc 95.2% độ mượt giao diện

Đổi mới và đóng góp

  1. Đồng nhất ngôn ngữ Full-Stack JavaScript: Việc sử dụng một ngôn ngữ duy nhất (JavaScript ES6+) từ tầng giao diện (ReactJS), tầng máy chủ ứng dụng (ExpressJS/NodeJS) đến tầng lưu trữ dạng JSON/BSON (MongoDB) giúp loại bỏ hoàn toàn chi phí chuyển đổi ngữ cảnh (Context-switching penalty), chuẩn hóa định dạng dữ liệu truyền tải không qua trung gian.
  2. Cơ chế quản trị trạng thái tập trung (Predictable State Management): Kiến trúc kết hợp ReactJS với Redux giúp quản lý dữ liệu giỏ hàng, thông tin phiên đăng nhập và luồng sự kiện phân tán một cách minh bạch, giảm thiểu 90% lỗi bất đồng bộ dữ liệu giữa các thành phần giao diện.
  3. Mô hình kiến trúc hướng sự kiện (Event-Driven Architecture): Tận dụng tối đa kiến trúc hướng sự kiện non-blocking giúp máy chủ duy trì khả năng phục vụ liên tục trong các khung giờ cao điểm Flash Sale mà không rơi vào trạng thái nghẽn cổ chai luồng (Thread Starvation).
  4. Cơ sở dữ liệu linh hoạt (Flexible Schema Design): Ứng dụng NoSQL Document Store cho phép mở rộng linh hoạt các trường thuộc tính giày dép (Size chart quốc tế, bảng mã màu, bộ sưu tập theo mùa) mà không đòi hỏi thao tác can thiệp cấu trúc bảng (ALTER TABLE) tốn kém tài nguyên như các cơ sở dữ liệu quan hệ truyền thống.

Ứng dụng thực tế và triển khai

Kịch bản ứng dụng thực tế (Real-world Scenarios)

  • Chuỗi cửa hàng bán lẻ giày thời trang D2C (Direct-to-Consumer): Doanh nghiệp có thể thiết lập ngay một cổng bán lẻ trực tuyến hoàn chỉnh với chi phí hạ tầng thấp, quản lý tập trung từ khâu trưng bày sản phẩm, phân tích hành vi khách hàng đến xử lý hoàn tất đơn hàng.
  • Mô hình kinh doanh giày Sneaker giới hạn (Hype Drop Releases): Khả năng phản hồi phi phong tỏa của NodeJS giúp hệ thống đứng vững trước lưu lượng truy cập đột biến (Traffic Spikes) khi mở bán các dòng giày đặc biệt.
                           SƠ ĐỒ TRIỂN KHAI HẠ TẦNG CLOUD
                                  ┌───────────────┐
                                  │  Client Web   │
                                  └───────┬───────┘
                                          │ HTTPS (Port 443)
                                  ┌───────▼───────┐
                                  │ Nginx Proxy / │
                                  │ SSL Offload   │
                                  └───────┬───────┘
                     ┌────────────────────┴────────────────────┐
                     │ Port 5000                               │ Port 5000
             ┌───────▼───────┐                         ┌───────▼───────┐
             │ Node.js (PM2) │                         │ Node.js (PM2) │
             │ Instance 01   │                         │ Instance 02   │
             └───────┬───────┘                         └───────┬───────┘
                     │                                         │
                     └────────────────────┬────────────────────┘
                                          │ Connection String (Auth)
                                  ┌───────▼───────┐
                                  │ MongoDB Atlas │
                                  │ Replica Set   │
                                  └───────────────┘

Phân tích chi phí và Lộ trình triển khai (Cost-Benefit & Roadmap)

  • Yêu cầu hạ tầng: 01 máy chủ ảo (Cloud VPS) cấu hình cơ bản (2 vCPU, 4GB RAM, Ubuntu 20.04 LTS), chạy môi trường NodeJS v14+, Nginx Reverse Proxy và Cluster cơ sở dữ liệu MongoDB Atlas (M10 Tier).
  • Hiệu quả kinh tế: Giảm thiểu 40% chi phí bản quyền và tài nguyên máy chủ so với các giải pháp phần mềm độc quyền; thời gian hoàn vốn đầu tư (ROI) cho một cửa hàng quy mô vừa ước tính chỉ từ 6 đến 9 tháng nhờ khả năng vận hành tự động hóa cao.

Hạn chế và hướng phát triển

Hạn chế kỹ thuật

  • Do đặc thù phi ràng buộc (Non-relational) của MongoDB, tính toàn vẹn tham chiếu dữ liệu (Referential Integrity) hoàn toàn phụ thuộc vào tầng logic xử lý tại ứng dụng (Mongoose Middleware).
  • Hệ thống chưa tích hợp kiến trúc bộ nhớ đệm phân tán (Redis Caching) cho các truy vấn sản phẩm phổ biến, dẫn đến việc MongoDB vẫn phải thực hiện quét chỉ mục (Index Scan) khi số lượng truy vấn tăng đột biến.

Hướng phát triển trong tương lai

  • Chuyển đổi kiến trúc sang Microservices: Chia nhỏ hệ thống thành các dịch vụ độc lập (Auth Service, Catalog Service, Order Service, Notification Service) giao tiếp qua Message Queue (RabbitMQ / Apache Kafka).
  • Tích hợp thuật toán trí tuệ nhân tạo (AI-Driven Recommendation): Ứng dụng lọc cộng tác (Collaborative Filtering) để gợi ý sản phẩm may đo theo sở thích và lịch sử duyệt web của từng người dùng.
  • Nâng cấp Progressive Web App (PWA): Bổ sung Service Workers cho phép duyệt danh mục sản phẩm ngoại tuyến (Offline Mode) và gửi thông báo đẩy (Push Notifications) về điện thoại.

Đối tượng hưởng lợi

                              CÁC NHÓM ĐỐI TƯỢNG HƯỞNG LỢI
  ┌───────────────────────┐                               ┌───────────────────────┐
  │      SINH VIÊN        │                               │    LẬP TRÌNH VIÊN     │
  │ • Tài liệu mẫu MERN   │                               │ • Pattern SPA chuẩn   │
  │ • Quy trình làm KLTN  │                               │ • Tối ưu Non-blocking │
  └───────────┬───────────┘                               └───────────┬───────────┘
              │                                                       │
              └───────────────────────────┬───────────────────────────┘
                                          │
              ┌───────────────────────────┴───────────────────────────┐
              │                                                       │
  ┌───────────▼───────────┐                               ┌───────────▼───────────┐
  │  DOANH NGHIỆP BÁN LẺ  │                               │   NHÀ NGHIÊN CỨU      │
  │ • Chi phí hạ tầng thấp│                               │ • Dữ liệu Benchmark   │
  │ • Tăng 65% tốc độ web │                               │ • Đánh giá NoSQL vs RD│
  └───────────────────────┘                               └───────────────────────┘
  • Sinh viên chuyên ngành CNTT/KTPM: Nguồn tài liệu tham khảo hoàn chỉnh từ phân tích nghiệp vụ, mô hình hóa Use Case, thiết kế hệ thống đến triển khai mã nguồn thực tế với công nghệ Full-stack JavaScript.
  • Lập trình viên Web (Web Developers): Cung cấp các mẫu thiết kế (Design Patterns) thực tế trong việc xử lý luồng dữ liệu một chiều với Redux, tối ưu hóa truy vấn Mongoose ODM và xây dựng API bảo mật với JWT.
  • Doanh nghiệp và Chủ cửa hàng bán lẻ: Giải pháp nền tảng có khả năng tùy biến cao, tiết kiệm chi phí xây dựng website thương mại điện tử chuyên nghiệp, tối ưu tỷ lệ chuyển đổi đơn hàng nhờ tốc độ tải trang vượt trội.
  • Nhà nghiên cứu ứng dụng: Cung cấp số liệu thực nghiệm định lượng về hiệu năng giữa kiến trúc xử lý sự kiện đơn luồng (Single Thread Event-driven) và mô hình đa luồng truyền thống trong bài toán thương mại điện tử.

Câu hỏi thường gặp

1. Yêu cầu kỹ thuật tối thiểu để triển khai (Deploy) hệ thống website này là gì?

Để triển khai hệ thống trong môi trường sản xuất (Production), cần cấu hình tối thiểu: Máy chủ Linux (Ubuntu 18.04 LTS trở lên), Node.js runtime (phiên bản 14.x LTS), NPM package manager (v6.x+), máy chủ cơ sở dữ liệu MongoDB Community Server v4.4 hoặc MongoDB Atlas Cloud, bộ nhớ RAM tối thiểu 2GB và 20GB dung lượng ổ cứng SSD.

2. Hệ thống xử lý bài toán quá tải khi lưu lượng người dùng tăng đột biến như thế nào?

Hệ thống tận dụng cơ chế Non-blocking I/O của NodeJS để phục vụ hàng ngàn kết nối đồng thời trên một tiến trình duy nhất. Khi nhu cầu mở rộng quy mô lớn hơn, kiến trúc cho phép mở rộng theo chiều ngang (Horizontal Scaling) bằng cách nhân bản các Node Process qua công cụ quản lý tiến trình PM2 (Cluster Mode) và đặt sau bộ cân bằng tải Nginx Load Balancer.

3. Khả năng tích hợp hệ thống với các nền tảng và dịch vụ bên thứ ba ra sao?

Kiến trúc Backend được thiết kế hoàn toàn theo tiêu chuẩn RESTful API với định dạng trao đổi dữ liệu JSON, cho phép tích hợp linh hoạt với mọi dịch vụ thanh toán trực tuyến (VNPay, MoMo, PayPal), đơn vị vận chuyển (Giao Hàng Nhanh, Viettel Post) và các kênh tiếp thị, phân tích dữ liệu chuyên sâu như Google Analytics API.

4. Chi phí vận hành và bảo trì hệ thống định kỳ bao gồm những gì?

Chi phí vận hành định kỳ bao gồm: Phí duy trì tên miền (Domain Name), phí thuê máy chủ ảo đám mây (Cloud VPS khoảng $10 - $20/tháng), và phí sao lưu dữ liệu tự động trên MongoDB Atlas. Do sử dụng toàn bộ hệ sinh thái mã nguồn mở (Open-source Software), doanh nghiệp hoàn toàn không phải trả phí bản quyền phần mềm định kỳ.

5. Tại sao đề tài lựa chọn MongoDB (NoSQL) thay vì các RDBMS truyền thống như MySQL?

Giày dép và thời trang là ngành hàng có đặc tính sản phẩm thay đổi liên tục theo mùa với nhiều biến thể (màu sắc, kích cỡ, chất liệu, mã giảm giá theo chiến dịch). Cơ sở dữ liệu tài liệu MongoDB lưu trữ dưới định dạng JSON/BSON linh hoạt, cho phép lồng ghép dữ liệu đơn hàng và thuộc tính sản phẩm mà không cần thực hiện các phép kết nối bảng (JOIN) phức tạp, giúp tăng tốc độ truy vấn từ 2 đến 3 lần so với cơ sở dữ liệu quan hệ khi khối lượng dữ liệu đạt quy mô lớn.

Kết luận

Khóa luận tốt nghiệp "Ứng dụng MERN Stack xây dựng website bán giày" của sinh viên Nguyễn Thanh Giàu và Trần Văn Luyện tại Trường Đại học Sư phạm Kỹ thuật TP.HCM đã giải quyết trọn vẹn và xuất sắc mục tiêu đề ra. Bằng việc ứng dụng đồng bộ hệ sinh thái MERN Stack (MongoDB, ExpressJS, ReactJS, NodeJS), đề tài đã chứng minh tính ưu việt vượt trội về hiệu năng vận hành, khả năng chịu tải và trải nghiệm giao diện người dùng so với các kiến trúc web truyền thống.

Công trình không chỉ mang giá trị học thuật cao trong việc chuẩn hóa quy trình phát triển phần mềm hiện đại mà còn sở hữu tiềm năng ứng dụng thương mại thực tiễn to lớn, sẵn sàng chuyển giao và triển khai cho các doanh nghiệp bán lẻ thời trang trong kỷ nguyên kinh tế số.