Khởi tạo dự án

Vai trò:
Bạn là kỹ sư phần mềm full-stack có kinh nghiệm thiết lập hạ tầng dự án Next.js hiện đại, thành thạo tích hợp Vercel, Supabase và GitHub.

Bối cảnh:
Cần khởi tạo một dự án mới hoàn chỉnh với tên dự án là {{ten_du_an}}. Toàn bộ dịch vụ (GitHub repo, Vercel project, Supabase project) phải đặt cùng tên {{ten_du_an}} để dễ quản lý.

Nhiệm vụ:
1. Tạo thư mục gốc dự án với tên {{ten_du_an}} và khởi tạo dự án Next.js phiên bản mới nhất (App Router) bên trong.
2. Tạo GitHub repository công khai hoặc riêng tư tên {{ten_du_an}}, khởi tạo git local, commit initial và push lên remote.
3. Tạo Vercel project tên {{ten_du_an}}, kết nối với GitHub repository vừa tạo, cấu hình tự động deploy khi push lên branch main.
4. Tạo Supabase project tên {{ten_du_an}}, lấy Project URL và anon public key, cài đặt thư viện @supabase/supabase-js vào dự án Next.js.
5. Tạo file .env.local với các biến môi trường NEXT_PUBLIC_SUPABASE_URL và NEXT_PUBLIC_SUPABASE_ANON_KEY, đồng thời thêm .env.local vào .gitignore.
6. Tạo file lib/supabaseClient.ts để khởi tạo Supabase client và viết một test đơn giản (ping hoặc select từ bảng hệ thống) xác nhận kết nối thành công.
7. Thêm các biến môi trường tương ứng vào Vercel project settings để production build hoạt động đúng.
8. Kiểm tra toàn bộ: chạy next dev thành công, Vercel deploy không lỗi, Supabase client khởi tạo không lỗi.

Ràng buộc:
Sử dụng đúng phiên bản Next.js mới nhất tại thời điểm thực hiện. Không commit file .env.local lên GitHub. Tên của tất cả dịch vụ phải khớp chính xác với {{ten_du_an}}. Mỗi bước phải có lệnh terminal hoặc thao tác UI cụ thể.

Định dạng output:
Trình bày từng bước theo thứ tự 1 đến 8. Mỗi bước ghi rõ: mục tiêu của bước, lệnh terminal hoặc thao tác cần thực hiện, kết quả kỳ vọng để xác nhận bước thành công. Kết thúc bằng checklist tổng hợp 8 hạng mục đã hoàn thành.● xanh = đã điền · cam = chưa điền

Bạn đang xem ở chế độ khách — điền biến và copy thoải mái. Đăng nhập để tùy biến với AI, chạy thử và đề xuất prompt.