Next.js 16React 19TypeScriptPrisma ORM 7PostgreSQLUpstash RedisTailwind CSS 4Cloudinary CDNFramer MotionDnD KitArgon2Jose JWTFullstack SaaSRBAC2 views

Youth26 Studio Website

Nền tảng Quản trị Studio & Portfolio Nhiếp ảnh gia chuyên nghiệp kết hợp Đặt lịch tự động và Tối ưu hoá Media CDN

Youth26 Studio — Photography Platform

Youth26 Studio là nền tảng quản trị và trưng bày portfolio ảnh cho studio. Mục tiêu chính của dự án là giúp khách xem ảnh load thật nhanh, giao diện mượt mà và admin quản trị kho ảnh dễ dàng.

Những việc chính tôi đã xử lý trong dự án:

Tối ưu ảnh nặng: Ảnh gốc nặng 10–20MB làm web rất chậm. Tôi làm pipeline nén nhẹ ảnh từ trình duyệt, sau đó qua Cloudinary tự resize và đổi sang định dạng WebP/AVIF. Nhờ vậy giảm được hơn 70% dung lượng mà ảnh vẫn nét trên màn hình Retina.
Bảo mật tài khoản: Dùng Argon2 để băm mật khẩu, phân quyền chặt chẽ giữa Admin và Thợ ảnh, đồng thời dùng Redis để chặn spam request và chống lỗi khi bấm gửi OTP nhiều lần.

Tech Stack

Next.js 16 (App Router), React 19, TypeScript, PostgreSQL (Prisma 7), Tailwind CSS 4, Cloudinary, Upstash Redis.

Project Overview

Website SaaS & Portfolio toàn diện dành cho Studio nhiếp ảnh chuyên nghiệp và Freelance Photographers. LocalBusiness/GEO Schema, phân quyền đa cấp (RBAC), quản lý sắp xếp album kéo-thả trực quan, đến cơ chế xử lý và phân phối ảnh CDN