Khởi tạo website với AI

1. Chọn mẫu giao diện

Khám phá kho mẫu được thiết kế chuẩn ngành hoặc để AI đề xuất mẫu phù hợp nhất.

Đang nạp danh sách mẫu sẵn sàng...

Lưu ý: Chỉ các mẫu có sẵn bộ dữ liệu mẫu mới được mở phục vụ. Ngành chưa có mẫu sẽ không xuất hiện trên thanh lọc.

AI gợi ý mẫu website

Cung cấp ngắn gọn nhu cầu để AI đề xuất các mẫu giao diện tối ưu nhất cho bạn.

Tên doanh nghiệp / thương hiệu * 1 đến 120 ký tự

Ngành nghề * 1 đến 80 ký tự

Loại website *

Phong cách thiết kế *

Mô tả nhu cầu & khách hàng mục tiêu *

Tối thiểu 10, tối đa 2000 ký tự. 0/2000

2. Nhập thông tin thương hiệu & yêu cầu

AI sẽ đưa thông tin và mô tả này vào nội dung, trang liên hệ và phong cách giao diện website.

M

Tên mẫu

Ngành · số trang

Tên thương hiệu * Tên thương hiệu xuất hiện ở đầu trang và toàn bộ nội dung website.

Logo thương hiệu (tuỳ chọn)

Chưa có logo

PNG, JPG, WEBP, SVG — tối đa 2MB

Mô tả yêu cầu kinh doanh Nên có: bạn bán gì · khách hàng chính là ai · phong cách mong muốn · nội dung cần nhấn mạnh. Càng rõ thì nội dung dựng ra càng sát. Bỏ trống vẫn dựng được — dùng nội dung mẫu của ngành.

Gợi ý nhanh (bấm để thêm vào mô tả)

Số điện thoại

Email liên hệ

Địa chỉ

Yêu cầu tuỳ biến bổ sung (tuỳ chọn)

Hệ thống sẽ làm gì

1. Phân tích yêu cầu và định hình phong cách

2. Dựng cấu trúc trang và khối giao diện

3. Chế tác nội dung và đồng bộ thương hiệu

4. Chuẩn bị mã nguồn Next.js độc lập

Sau khi dựng xong

Bạn có thể sửa trực tiếp chữ và định dạng chữ / màu nền ngay trên bản xem trước. Ảnh và biểu tượng của mẫu được giữ nguyên ở phiên bản này.

3. Tiến trình khởi tạo website

Hệ thống đang chế tác giao diện và biên soạn mã nguồn...

Đang dựng website của bạn…

Đang đọc yêu cầu của bạn

Đang dựng bố cục

Đang chế tác giao diện

Đang chuẩn bị hình ảnh

Đang hoàn thiện website

Bạn có thể rời trang — website đang dựng sẽ được lưu an toàn trong mục Website của tôi.

Website đã sẵn sàng!

Website đã được khởi tạo hoàn tất theo mẫu và mô tả của bạn.

Tải mã nguồn (.zip)

Trang quản trị website (Dành cho website đã triển khai)

Phân biệt tài khoản: Tài khoản bạn vừa đăng nhập ở trên là tài khoản nền tảng vibe-web-ai. Trang quản trị dưới đây là tính năng chạy bên trong chính website của bạn sau khi tải về và triển khai độc lập.

Lưu ý xem trước: Bản xem thử trên nền tảng (/demo/preview) chỉ phục vụ duyệt nhanh giao diện tĩnh và không phục vụ trang quản trị. Để đăng nhập quản lý sản phẩm và nội dung, vui lòng triển khai mã nguồn tải về từ gói zip.

Đường dẫn đăng nhập

/admin/login

Bảng điều khiển quản trị

/admin

Cấu hình biến môi trường để kích hoạt quản trị:

Website mặc định chạy ở chế độ chỉ đọc từ dữ liệu hạt giống. Để đăng nhập và chỉnh sửa dữ liệu, cần cung cấp các biến sau:

DATABASE_URLBắt buộc

Chuỗi kết nối cơ sở dữ liệu PostgreSQL (ví dụ: postgres://USER:PASSWORD@HOST:5432/DBNAME). Thiếu biến này, website chỉ đọc từ dữ liệu nhúng sẵn.

ADMIN_EMAILBắt buộc

Email dùng để đăng nhập vào trang quản trị website (ví dụ: admin@example.com).

ADMIN_PASSWORDBắt buộc(≥ 12 ký tự)

Mật khẩu tài khoản quản trị. Lưu ý: Chỉ tạo tài khoản ở lần khởi động đầu tiên có database; đổi biến sau đó không tự đặt lại mật khẩu cũ.

ADMIN_SESSION_SECRETBắt buộc(≥ 16 ký tự)

Chuỗi ký bí mật bảo vệ phiên đăng nhập (cookie HMAC). Thiếu biến này, tính năng đăng nhập quản trị sẽ bị tắt để đảm bảo an toàn.

ADMIN_COOKIE_INSECURETuỳ chọn

Đặt giá trị 1 khi kiểm thử production qua http:// cục bộ. Khi triển khai trên tên miền HTTPS thực tế thì không cần đặt.

DATABASE_URL=postgres://USER:PASSWORD@HOST:5432/DBNAME
ADMIN_EMAIL=admin@example.com
ADMIN_PASSWORD=your-secure-password-here-min-12-chars
ADMIN_SESSION_SECRET=your-random-session-secret-min-16-chars
# ADMIN_COOKIE_INSECURE=1 # bật nếu chạy thử production qua http://

Đã sửa nhưng website đang chạy chưa đổi. Bấm Cập nhật website thì bản đang chạy mới nhận thay đổi.

Chọn một dòng chữ để sửa

Bấm vào chữ bên khung xem trước để mở thanh chỉnh sửa tại đây.

Ảnh và biểu tượng của mẫu được giữ nguyên ở phiên bản này — bấm vào ảnh sẽ không mở chỉnh sửa.

5. Xuất bản website lên Vibe Host

Đưa website lên hạ tầng máy chủ độc lập của Vibe Host.

Website của tôi

Danh sách website nháp và website đang chạy của bạn trên hệ thống.

Đang nạp danh sách website...

Chưa thể mở trình tạo website

Đăng nhập nền tảng

1. Chọn mẫu giao diện

AI gợi ý mẫu website

Mẫu đề xuất cho bạn

2. Nhập thông tin thương hiệu & yêu cầu

3. Tiến trình khởi tạo website

Website đã sẵn sàng!

Cấu hình biến môi trường để kích hoạt quản trị:

Không khởi tạo được website từ mẫu này

5. Xuất bản website lên Vibe Host

Xuất bản website lên Vibe Host

Chưa mở xuất bản trực tiếp cho tài khoản này

Website đã chạy

Website của tôi