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. ...
🇬🇧 Read the English version of this article on tanhdev.com 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. ...
🇬🇧 Read the English version of this article on tanhdev.com Việc chạy một trang web nội dung trên một con VPS truyền thống hoặc một host Node.js quản lý sẵn vẫn rất ổn cho đến khi nó hết ổn. Bạn phải trả tiền cho khối lượng tính toán (compute) nằm chơi xơi nước 95% thời gian, bạn phải tự quản lý việc gia hạn SSL, nơm nớp lo sợ lỗi cold start, và đứng nhìn điểm Lighthouse tụt dốc không phanh chỉ vì origin server của bạn nằm ở Singapore trong khi độc giả lại ở Frankfurt. ...