Personal identity landing page

· 1 phút đọc

Trang cá nhân với 9 theme, chuyển hướng link ngắn và mini apps trên Cloudflare Pages

github | demo

thẻ: landing-page, identity, cloudflare-pages, multi-theme

công nghệ: vite, typescript, cloudflare-pages, cloudflare-functions, biome

What

Trang cá nhân với 9 theme chuyển đổi được (Terminal, Brutalist, Gradient, Glass, Neobrutalism, Retro, Minimal, Cyberpunk, Paper), chuyển hướng link ngắn và nền tảng mini apps.

Multi-page Vite app hosted trên Cloudflare Pages. Chọn theme qua URL param, lưu preference, hoặc ngẫu nhiên. Link ngắn xử lý bởi Cloudflare Pages Functions middleware với 301 redirect.

Why

Cần một trang cá nhân nhẹ, nhanh, vừa làm link-in-bio vừa là nơi chứa các công cụ nhỏ — không cần framework hay CMS nặng nề.

Cloudflare Pages cung cấp hosting miễn phí với edge Functions cho logic redirect, và Vite giữ quá trình build đơn giản với zero runtime dependencies.

Notes

  • 9 theme render từ một file config.json duy nhất, không dùng framework
  • Link ngắn qua cả path (khương.vn/github) và subdomain (github.khương.vn)
  • Nền tảng mini apps tại /apps/ — mỗi app là một Vite entry point riêng
  • Cloudflare Functions middleware chặn request trước static files để redirect
  • Auto-deploy qua GitHub Actions → Cloudflare Pages
  • Domain IDN (khương.vn) với punycode DNS setup