proto.lib

SSR vs CSR vs prerender: HTML đến từ đâu

CSR gửi một shell rỗng và render sau khi JS tải xong (deploy nhanh, first paint chậm, yếu với crawler); SSR trả về HTML thật rồi HYDRATE để trang trở nên tương tác (first paint nhanh nhưng hydration mismatch hoặc bundle lớn làm chậm interactivity); static/incremental prerendering phục vụ HTML cache sẵn và refresh nền — lựa chọn đúng phụ thuộc vào từng ROUTE.

ArchitectureTrung bình2026-08-21
SSR vs CSR vs prerender: HTML đến từ đâu

Tags

#ssr#csr#hydration#prerendering#streaming-ssr#rendering-strategy

Tài liệu tham khảo

Mở rộng

Animation gốc là một file HTML tự chứa, có thể nhúng lại ở bất kỳ trang nào khác. Mở file gốc

Liên quan

ArchitectureNâng cao

Retry Budget: chặn khuếch đại retry qua chuỗi service

Mỗi client chỉ được retry trong hạn mức phần trăm lưu lượng (retry budget), retry bị cấm lan truyền qua nhiều tầng gọi liên tiếp, và deadline được truyền xuống downstream — khác với chỉ dùng backoff hoặc circuit breaker riêng lẻ.

#retry-budget#retry-amplification#deadline-propagation#circuit-breaker
ArchitectureNâng cao

Cô lập dữ liệu AI đa khách hàng (multi-tenant data isolation)

Tính năng AI dùng chung hạ tầng cho nhiều khách hàng phải tách namespace vector/index theo tenant, đính tenant id vào mọi truy vấn retrieval, và kiểm tra quyền truy cập ở tầng dữ liệu (không tin vào nội dung prompt) để giới hạn blast radius khi có prompt injection cố lấy dữ liệu tenant khác.

#multi-tenancy#vector-database#rag#prompt-injection
ArchitectureTrung bình

AI Gateway: một cửa duy nhất cho mọi lệnh gọi LLM trong công ty

AI gateway giữ toàn bộ credential nhà cung cấp, định tuyến theo model alias để đổi provider chỉ là thay cấu hình, ép quota/budget theo team, cache prompt trùng lặp, retry và failover khi một provider suy giảm chất lượng, đồng thời phát ra telemetry usage/cost/latency mà từng service riêng lẻ sẽ không ai chịu tự làm.

#ai-gateway#llm-routing#failover#cost-metering