vanganthinh.com

Vang An Thinh

Gold and silver e-commerce with a live price board

An online shop for gold bars, 999.9 plain rings, silver bullion and silver craftwork. A ticker across the top compares buy and sell prices across brands so customers can time their purchase. Products, articles and prices are updated by the shop's own team through a CMS, with no developer in the loop.

Visit product

Astro
Alpine.js
Tailwind CSS
Strapi
Docker

§ 01 — Algorithm

Bảng giá: poll 30s → Strapi proxy → vang.today

# Vỏ trang tĩnh (Astro) + giá động, tách hẳn hai vòng đời

build:   Astro prerender toàn bộ trang  → HTML tĩnh
runtime: gold-price-widget.js
           fetchPrices()
           setInterval(fetchPrices, 30_000)      # poll mỗi 30 giây
             ↓  GET /api/gold-prices
         Strapi:  GET /api/gold-price/live       # route công khai, auth: false
             ↓  fetch("https://www.vang.today/api/prices")
           trả về giá mua vào / bán ra nhiều thương hiệu

# Vì sao proxy qua Strapi thay vì gọi thẳng từ trình duyệt:
#   tránh CORS, giấu endpoint upstream, và đặt được cache ở một chỗ.
# Sản phẩm & bài viết đi đường khác: cửa hàng tự sửa trong Strapi CMS.

§ 02 — Highlights

Live gold and silver ticker comparing buy and sell prices across brands
Catalogue of gold bars, 999.9 plain rings, silver bullion and craftwork
Cart, checkout and customer accounts
Store locator with direct Zalo and Facebook contact
Products and prices managed by the shop through a Strapi CMS

§ 03 — Screens