Huỳnh Tiến Dĩ / DiCodeWeb
Mình làm sản phẩm web và ghi lại những gì học được trên đường đi — ghi chép, bài giải thích và hướng dẫn về frontend, thiết kế hệ thống, công cụ và hành trình trưởng thành của một kỹ sư.
Những bài viết và ghi chép gần đây nhất.
Mô hình mối đe doạ thực tế cho ứng dụng đặt LLM giữa tool và dữ liệu riêng tư: prompt injection trực tiếp và gián tiếp, lethal trifecta, và các design pattern giữ thiệt hại trong tầm kiểm soát, đối chiếu với OWASP Top 10 for LLM Applications.
MCP không phải phép màu, chỉ là một giao thức JSON-RPC được thiết kế tốt. Bài này giải thích host, client, server, các primitive và transport theo spec 2026-07-28, rồi dựng một server TypeScript chỉ đọc cho dữ liệu đơn hàng: thiết kế tool, phân trang, test bằng Inspector, OAuth cho remote server và những lỗ hổng bảo mật cần chặn.
Năm 2026 trình duyệt đã có sẵn những primitive mà trước đây phải nhờ Floating UI, Radix hay thư viện animation. Bài này đi qua popover, invoker commands, anchor positioning và View Transitions: chúng làm gì, kết hợp ra sao, hỗ trợ tới đâu và chỗ nào vẫn nên dùng thư viện.
Một thiết kế xác thực trung thực cho API NestJS và frontend Next.js: khi nào dùng session, khi nào dùng JWT, cách xoay vòng refresh token có phát hiện tái sử dụng, đăng nhập bằng passkey với SimpleWebAuthn, và các guard, rate limit, CSRF đi kèm.
Bài viết xếp theo thứ tự, đi từ nền tảng đến production.
Hệ thống & kiến trúc
Từ UI chat streaming, RAG trả lời đúng, MCP server cho agent đến bảo mật ứng dụng LLM — những gì một web developer cần để đưa tính năng AI lên production.
Frontend & giao diện
Một mô hình tư duy cho layout, container queries, design token, rồi để Popover API, anchor positioning và thẻ dialog native gánh bớt JavaScript.
Hệ thống & kiến trúc
Một modular monolith NestJS đi từ request lifecycle và ranh giới module, qua background job không mất việc, đến xác thực bằng passkey và session đúng cách.
Các lộ trình có thứ tự từ nền tảng đến production — frontend và backend.
Frontend · Frontend Developer
Lộ trình React đầy đủ hơn cho frontend hiện đại: bắt đầu từ JavaScript/TypeScript, mental model và component fundamentals, sau đó đi sâu vào state architecture, data fetching, performance, testing, bridge sang Next.js và kết thúc bằng interview prep.
14 chặng124 trọng tâm65 bài thực hành
Xem lộ trình
Backend · Backend Developer
Backend track để xây API, authentication, database workflows, services, queues và production-ready architecture theo progression từ core NestJS tới advanced backend patterns.
11 chặng66 trọng tâm20 bài thực hành
Xem lộ trìnhCác hướng dẫn chi tiết, đi từng chương cho những công cụ bạn dùng hằng ngày.
Tiện ích chạy trên trình duyệt cho công việc dev hằng ngày.
Năm lăng kính cho mọi thứ trên blog này.
State, luồng dữ liệu và những ranh giới giữ cho ứng dụng gọn gàng khi lớn dần.
Component, design system và nghề làm giao diện khiến người dùng thấy dễ chịu.
Bundle, rendering và đo lường những gì thật sự khiến ứng dụng nhanh.
Runtime, monorepo và những công cụ giữ vòng phản hồi luôn ngắn.
Ghi chép về việc học, viết và trưởng thành như một kỹ sư.
Công cụ thay đổi. Framework tiến hóa. Nhưng các nguyên tắc đằng sau một hệ thống tốt luôn được giữ nguyên.
Những nguyên lý định hướng mọi bài viết trên blog — không chạy theo xu hướng, mà là những lối tư duy bền vững theo thời gian.
Tốc độ không phải là tối ưu hóa — nó là một phần của sản phẩm. Hệ thống chậm tạo ra ma sát, và ma sát sẽ giết chết trải nghiệm người dùng. Từng lớp đều quan trọng.
Ứng dụng không phải là các trang tĩnh. Chúng là hệ thống với trạng thái, luồng dữ liệu và các ràng buộc. Nếu chỉ nhìn vào UI, ứng dụng của bạn sẽ gãy khi mở rộng.
Code tốt không phải là code thông minh nhất — mà là code người khác có thể hiểu nhanh nhất. Khả năng bảo trì luôn chiến thắng những thủ thuật phức tạp.
Yêu cầu sẽ luôn thay đổi. Hệ thống tồn tại được là những hệ thống được thiết kế để thích ứng, không phải những hệ thống cố định cứng nhắc.
Những gì chạy được ở máy cá nhân (local) không quan trọng. Sự hiểu biết thực sự đến từ môi trường production — nơi có các trường hợp ngoại lệ, lỗi và các sự cố bất ngờ.
Sự phức tạp sẽ tích tụ theo thời gian. Các hệ thống đơn giản luôn dễ dàng hơn trong việc sửa lỗi, mở rộng và phát triển. Đơn giản là một quyết định thiết kế.
Mỗi bài viết là một ô. Rê chuột hoặc focus để xem nhanh, lọc theo chủ đề để thu hẹp.
Về tác giả
Chào bạn, mình là Dĩ — kỹ sư phần mềm ở TP. Hồ Chí Minh, chủ yếu làm việc với React, Next.js và những hệ thống phía sau chúng. Blog này là nơi mình chậm lại để viết về cách mọi thứ thật sự vận hành ở production: những đánh đổi, những sai lầm và những pattern đáng giữ lại.
Tìm hiểu thêm về mình