Dự án "Gorky's Bookstore" được xây dựng sử dụng Gatsby, một framework dựa trên React cho phép tạo các trang web và ứng dụng tĩnh nhanh chóng. Dưới đây là một số công nghệ và chức năng chính của dự án:
Công nghệ:
Gatsby: Sử dụng để tạo trang web tĩnh với hiệu suất cao. Gatsby tận dụng sức mạnh của React, Webpack, và GraphQL. (gatsby-config.js)
Sass: Một preprocessor CSS giúp viết CSS dễ dàng và hiệu quả hơn. (src/sass/)
React: Thư viện JavaScript để xây dựng giao diện người dùng. (src/components/)
Netlify: Dùng để triển khai và host trang web. (netlify.toml)
Chức năng:
Hiển thị Sản Phẩm: Trang web có các phần để hiển thị sản phẩm, như FeaturedCategoriesSection và FeaturedGrid. (src/components/FeaturedCategoriesSection.js, src/components/FeaturedGrid.js)
Liên Hệ và FAQ: Có các phần dành riêng cho việc liên hệ và các câu hỏi thường gặp. (src/components/ContactSection.js, src/components/FaqSection.js)
Tích hợp Snipcart: Cho phép tích hợp giỏ hàng và thanh toán thông qua Snipcart. Cần cấu hình API key của Snipcart trong site-metadata.json.
Tùy chỉnh và Cấu hình: Có thể tùy chỉnh và cấu hình thông qua stackbit.yaml và site-metadata.json, cho phép điều chỉnh tiêu đề trang web, logo, favicon, v.v. (stackbit.yaml, site-metadata.json)
Dự án cũng hỗ trợ SSR (Server Side Rendering) thông qua Gatsby để tối ưu hóa hiệu suất và SEO. (gatsby-ssr.js)
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Tải xuống
Cài đặt Node.js & npm.
Thay đổi API key của Snipcart trong site-metadata.json:
"snipcart_api_key": "YOUR_SNIPCART_API_KEY",
npm install -g gatsby-cli
npm install
gatsby build
gatsby serve