Build app bằng AI xong rồi, nhớ tối ưu nữa nha

 

Build app bằng AI xong rồi, nhớ tối ưu nữa nha

AI viết, không phải tôi viết, tôi tìm hiểu thông tin này nên tiện thì đăng luôn

Có một dev vừa share case chuyển website từ Next.js sang Astro. Chỉ đổi framework mà lượng tài nguyên website dùng giảm khá mạnh:

RAM từ 850 MB còn 130 MB, giảm khoảng 85%
CPU từ 3% còn 0,1%, giảm khoảng 96,7%

Đây là số liệu của một website cụ thể, không có nghĩa cứ chuyển sang Astro là web nào cũng nhẹ như vậy. Nhưng case này nhắc mình một chuyện: AI build app nhanh thiệt, nhưng code nó tạo ra chưa chắc đã tối ưu.

Next.js với Astro khác nhau chỗ nào?

Next.js dựa trên React, có thể dùng để làm nhiều loại ứng dụng: từ website, dashboard tới SaaS có đăng nhập, API, database và các tính năng chạy theo dữ liệu.

Astro thì hợp với những website chủ yếu để đọc nội dung như blog, landing page, trang giới thiệu sản phẩm hay tài liệu.

Astro có một cách làm khá hay: phần nào chỉ cần hiển thị thì tạo sẵn thành HTML; phần nào cần tương tác mới tải JavaScript.

Ví dụ trang blog có 10 bài viết và một ô tìm kiếm. Phần nội dung bài viết đâu cần chạy như một ứng dụng phức tạp. Chỉ ô tìm kiếm cần tương tác thì mới cần JavaScript.

Cách này gọi là Islands Architecture: website chủ yếu vẫn nhẹ, chỉ những “đảo” cần tương tác mới được bật thêm tính năng.

AI build nhanh, nhưng có thể chọn stack hơi quá tay

Lovable, Cursor, Claude Code hay Codex có thể dựng app từ một đoạn mô tả: tự chọn framework, cài thư viện, tạo giao diện, kết nối API.

Nhưng AI tạo được app chạy không có nghĩa kiến trúc đã hợp lý. Một trang giới thiệu công ty có thể không cần bộ khung phức tạp như SaaS có đăng nhập, phân quyền, thanh toán và dữ liệu cập nhật liên tục.

Chọn stack quá nặng thì tốn thêm server, khó bảo trì, rồi có khi phải ngồi gỡ một đống thứ mà sản phẩm chẳng cần tới.

Chọn công nghệ theo đúng bài toán

Dev trong bài gợi ý có thể cân nhắc:

Landing page, blog, tài liệu: Astro Static — tạo sẵn trang HTML, hợp với nội dung ít thay đổi.
Website có một số tính năng động: Astro + Node Adapter — vẫn dùng Astro, thêm Node.js để xử lý phần cần chạy trên server.
Dashboard hoặc SaaS: Vite + React + Hono API — React lo giao diện, Hono lo phần API phía server.
Muốn gom ứng dụng vào một framework: SvelteKit hoặc React Router v7, tùy cách triển khai.

Đây là gợi ý để tham khảo, không phải công thức áp dụng cho mọi dự án. Astro có Node Adapter vẫn cần server; Vite + React + Hono cũng cần cấu hình và vận hành đúng cách. Chọn framework thôi chưa đủ để đảm bảo app nhẹ.

Build xong rồi hỏi AI thêm mấy câu này

App này có thật sự cần chạy server liên tục không?
Phần nào có thể tạo sẵn thành HTML?
Có thư viện nào đang cài mà không dùng tới không?
Kiến trúc này có hợp với sản phẩm và lượng người dùng dự kiến không?
Nếu có thêm nhiều người dùng, chi phí vận hành sẽ tăng ra sao?

Giờ AI giúp mình viết code nhanh hơn nhiều rồi. Phần đáng học tiếp là biết đọc lại, bỏ những thứ dư và chọn cách vận hành phù hợp.

Build cho chạy được mới là bước đầu. Build gọn, dễ sửa, chạy không tốn tài nguyên quá mức mới là phần cần nghĩ tiếp.