Vấn Đề: Khi Frontend và Backend Xung Đột

Tôi đang sử dụng AI để triển khai tính năng bản tin đơn giản. Nó bắt đầu rất đẹp. UI mượt mà, hoạt ảnh trơn tru và "vibe" rất đúng.

Tuy nhiên, mọi thứ trở nên "lộn xộn" khi tôi yêu cầu AI tích hợp cơ sở dữ liệu (Firestore). AI bắt đầu tiêm logic phía máy chủ (Firebase Admin SDK) trực tiếp vào mã React phía máy khách của tôi. Đột nhiên, bảng điều khiển trình duyệt của tôi đầy rẫy lỗi đỏ:

• •Xung đột Phiên bản: Nó trộn lẫn các import React 18 và 19, gây ra lỗi đối chiếu làm đóng băng trình duyệt.
• •Môi trường Không khớp: Nó cố gắng chạy các mô-đun Node.js "chỉ dành cho máy chủ" trong môi trường trình duyệt.
• •Nợ Kiến trúc: Dự án trở nên rối rắm đến mức ngay cả AI cũng không thể tìm ra cách sửa chữa sai lầm của chính nó.

Bài Học: AI Studio Là Chuyên Gia UI

Google AI Studio (và các LLM tương tự) cực kỳ giỏi trong việc tạo mẫu UI/UX. Chúng có thể tạo ra một frontend trong vài giây. Nhưng khi bạn yêu cầu nó xử lý Backend và DB trong cùng một ngữ cảnh, nó thường mất đi "tranh ảnh kiến trúc lớn". Nó ưu tiên làm cho mã trông hoàn chỉnh hơn là làm cho hệ thống hoạt động chính xác.

Chiến Lược Mới Của Tôi: Phương Pháp "Micro-Vibe"

Để sửa dự án, tôi phải dừng "vibe" và bắt đầu "kiến trúc". Chúng tôi chuyển sang Kiến Trúc Tách Biệt, và đây là cách tôi khuyên bạn nên tiếp cận dự án do AI điều khiển tiếp theo của mình:

1. •Tách Biệt "Vibes": Đừng yêu cầu AI xây dựng một "Ứng dụng Full-stack". Hãy yêu cầu nó xây dựng ba thứ riêng biệt: Frontend (thuần UI/UX), Backend API (lưu trữ độc lập), và cấu hình Cơ sở dữ liệu.