Trong phần trước, chúng ta đã thống nhất việc loại bỏ Chatbot để tiến tới Generative UI. Nhưng để AI có thể “đẻ” ra được các UI Component ngay trên màn hình người dùng, Frontend và Backend không thể chỉ giao tiếp qua các API stateless thông thường. Chúng cần chia sẻ một trạng thái (State) chung. Vấn đề là: Bộ não của AI và Trình duyệt của người dùng nói hai ngôn ngữ hoàn toàn khác nhau. ...
Trong phần trước, chúng ta đã hiểu rằng Frontend Framework-Agnostic (như Astro) không nhận mã HTML từ AI, mà nhận dữ liệu JSON. Nhưng làm sao để Frontend biết cần phải render khối JSON đó thành một thẻ <Card>, một cái <Chart>, hay một <Form>? Câu trả lời nằm ở Component Registry — bộ não phân giải giao diện của kiến trúc Generative UI. 3.1. Sự hội tụ của MCP (Model Context Protocol) và Frontend Để hiểu Component Registry, ta cần đi ngược dòng lên Backend. Ở Backend, các hệ thống Agentic hiện đại đang chuẩn hóa việc giao tiếp với các hệ thống ngoại vi (như Database, API) thông qua chuẩn MCP (Model Context Protocol) (Xem thêm chi tiết tại Series: MCP Engineering In Production). ...
Đây là phần kết luận của series. Mọi lý thuyết kiến trúc tốt nhất cũng chỉ nằm trên giấy nếu chúng ta không có một đường hướng thực thi rõ ràng. Trong phần này, chúng sẽ định nghĩa một cấu trúc mã nguồn mẫu (Reference Repository) và chiến lược áp dụng (Migration Strategy) để đưa Generative UI vào các hệ thống đang hoạt động. 7.1. Cấu trúc thư mục Boilerplate (Astro + Svelte) Để kiến trúc Framework-Agnostic phát huy tối đa sức mạnh, chúng ta chọn Astro làm Orchestrator. Svelte được chọn làm UI framework vì nó biên dịch ra mã Vanilla JS cực nhẹ, không có Virtual DOM overhead như React, hoàn hảo cho các UI Component sinh động. ...
Tôi đã và đang thiết kế các hệ thống Frontend AI-Native trong năm qua — đặc biệt là xoay quanh Generative UI, Model Context Protocol (MCP), và Kiến trúc Island của Astro. Đó là một khoảng thời gian ngắn, nhưng đủ dài để quan sát thấy những sự dịch chuyển cấu trúc mà các cuộc thảo luận đại chúng chưa nhận ra. Đây không phải là một bài viết đánh bóng tên tuổi hay đu trend. Mỗi dự đoán đều đi kèm với lập luận phản biện mạnh nhất mà tôi có thể tự đưa ra để chống lại chính mình. Và ở đâu có số liệu thực tế từ môi trường production, tôi sẽ dùng chúng. ...