Công nghệ:
Jekyll: Dùng để tạo trang web tĩnh, tự động hóa việc tạo các trang HTML từ các file markdown hoặc HTML mẫu.
Firebase: Dùng cho xác thực người dùng và lưu trữ dữ liệu trên cloud.
Sass: Dùng để viết CSS một cách hiệu quả hơn, với các tính năng như biến, mixins, và lồng nhau.
Google reCAPTCHA: Dùng để bảo vệ form đặt hàng khỏi spam và tự động hóa.
Chức năng:
Xác thực người dùng: Cho phép người dùng đăng nhập và đăng xuất, sử dụng Firebase Auth.
Hiển thị sản phẩm: Trang web hiển thị các sản phẩm từ dữ liệu được lưu trữ trong các file YAML (_data/data_product.yml).
Giỏ hàng và thanh toán: Có các trang cart.html và checkout.html cho phép người dùng thêm sản phẩm vào giỏ hàng và tiến hành thanh toán.
Blog: Có một bộ sưu tập blogs được định nghĩa trong _config.yml, cho phép tạo và hiển thị các bài viết blog.
Cấu hình và tùy chỉnh: File _config.yml (_config.yml) chứa cấu hình cho Jekyll, bao gồm đường dẫn phân trang, cấu hình Sass, và các tùy chọn khác.
Bảo mật: Sử dụng Google reCAPTCHA trong form đặt hàng để ngăn chặn spam và tự động hóa.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
cd J-static_webshop
npm init
npm i bootstrap gulp sass gulp-sass gulp-clean-css --save-dev
bundle install
bundle exec jekyll serve