Thiết lập Atlas — SaaS quản lý cho thuê xe

Hosting Hostinger

Mã nguồn Atlas miễn phí; hosting là gói trả phí. Website thật của bạn chạy ở đây.

Chọn gói Hostinger

Dùng gói Unlimited hoặc gói Cloud có hỗ trợ triển khai Web App.

Claude Desktop

Trợ lý AI giúp bạn thiết lập. Claude làm phần kỹ thuật trong tab Code.

Tải Claude Desktop

https://claude.ai/download

Node.js

Phiên bản 20.19 trở lên. Phần còn lại Claude lo.

Tải Node.js

https://nodejs.org/en/download

Git

Dùng để xuất bản bản sao Atlas của bạn. Claude chạy các lệnh Git giúp bạn.

Tải Git

https://git-scm.com/

Tài khoản Supabase

Gói miễn phí là đủ để bắt đầu. Bạn sẽ tạo dự án mới khi Claude yêu cầu.

Tạo tài khoản Supabase

https://supabase.com/dashboard

Tài khoản GitHub

Miễn phí. Đây là nơi lưu bản sao Atlas riêng tư của bạn, và Hostinger triển khai từ đó.

Tạo tài khoản GitHub

https://github.com/signup

Tải xuống Atlas

Atlas miễn phí và mã nguồn mở theo Giấy phép MIT.

Mở Atlas trên GitHub

https://github.com/salhiworks/atlas-car-rental-saas

Nhấn Code, rồi Download ZIP Giải nén tệp vừa tải Để thư mục atlas-car-rental-saas-main ở nơi dễ tìm, chẳng hạn Documents

Đã dùng Git? Bạn có thể clone repository thay vào đó. Quy trình thiết lập của Claude dùng được với cả hai cách.

Mở Atlas trong Claude Desktop

Claude Desktop Code Local Select Project Folder Open Trust Workspace

Chọn chính thư mục Atlas — thư mục có README.md bên trong.

Nhờ Claude thiết lập Atlas

Trong tab Code, khi đang mở thư mục Atlas, gửi tin nhắn này:

Prompt thiết lập Atlas

Khởi động quy trình thiết lập có sẵn của Atlas. Claude làm phần kỹ thuật giúp bạn.

Set up Atlas for me.

Claude làm theo skill thiết lập có sẵn của Atlas. Claude kiểm tra máy tính của bạn, cài những gì Atlas cần và tự làm phần kỹ thuật. Claude chỉ dừng lại khi cần bạn, và mỗi lúc như vậy là một nhiệm vụ trong hướng dẫn này.

Tạo dự án Supabase của bạn

Claude sẽ hỏi việc này đầu tiên. Atlas luôn được cài vào một dự án mới, trống.

Mở Supabase Dashboard

https://supabase.com/dashboard

Nhấn New project — gói Free là đủ Đặt tên và lưu mật khẩu cơ sở dữ liệu ở nơi an toàn Khi dự án sẵn sàng, sao chép Project ID và dán vào Claude

Supabase Project Settings General

Nếu Claude yêu cầu bạn đăng nhập Supabase hoặc kết nối dự án, hãy làm đúng theo hướng dẫn Claude đưa ra.

Chấp thuận cài đặt

Claude hiển thị tên, khu vực và ngày tạo dự án của bạn, rồi xin phép cài Atlas vào đó. Kiểm tra đúng là dự án bạn vừa tạo, rồi trả lời yes. Một lần yes đó bao gồm toàn bộ phần còn lại:

Tạo cơ sở dữ liệu Atlas (54 migration, có xem trước)

Triển khai và kiểm tra 4 Edge Functions của Atlas

Cấu hình ứng dụng chỉ với publishable key của bạn

Chạy bản build và các bước kiểm tra tự động của Atlas

Mất vài phút, và bạn không cần mở hay kiểm thử gì. Nếu dự án không trống, Claude sẽ dừng và không thay đổi gì.

Tạo repository Private trống

Đây là bản sao Atlas của riêng bạn trên GitHub. Hostinger triển khai website của bạn từ đây.

Tạo repository GitHub

https://github.com/new

Đặt tên cho repository Chọn Private Để tắt README, .gitignore và license Nhấn Create repository Sao chép URL của kho lưu trữ

Chấp thuận xuất bản

Dán URL repository vào Claude khi được hỏi. Claude chuẩn bị Git, kiểm tra để không có thông tin bí mật nào bị đưa lên, rồi hiển thị tóm tắt ngắn: repository của bạn và nhánh main. Kiểm tra đúng là repository của bạn, rồi trả lời yes.

Claude không bao giờ push lên repository Atlas gốc. Nếu Git yêu cầu đăng nhập, Claude sẽ nhờ bạn tự chạy lệnh push — hãy đăng nhập qua trình duyệt, vì GitHub không chấp nhận mật khẩu tài khoản của bạn ở đó.

Nhập repository của bạn

Chưa có hosting? Hãy chọn gói ở phần Yêu cầu trước.

Hostinger Websites Add Website Web App Import Git Repository

Kết nối GitHub và chọn Only select repositories Chọn repository Atlas của bạn và nhánh main Chọn tên miền tạm thời miễn phí hoặc tên miền của riêng bạn

Cấu hình build và triển khai

Giữ preset framework Vite mà Hostinger tự nhận diện Chọn Node.js 22, hoặc phiên bản mới nhất có sẵn Đặt lệnh build là npm run build Đặt thư mục output là dist

Thêm đúng hai biến môi trường này. Claude sẽ cho bạn biết cả hai giá trị, và bạn có thể bỏ qua mọi gợi ý khác:

VITE_SUPABASE_URL VITE_SUPABASE_PUBLISHABLE_KEY

VITE_SUPABASE_URL

URL dự án

VITE_SUPABASE_PUBLISHABLE_KEY

Publishable key

Lấy các giá trị này từ Supabase

Mở Connect

https://supabase.com/dashboard/project/_?showConnect=true

Bảo mật

Chỉ đặt Publishable key ở đây. Không bao giờ thêm Secret key hay service_role key vào biến VITE_ — mọi thứ bắt đầu bằng VITE_ đều hiển thị trong trình duyệt.

Nhấn Deploy và chờ build hoàn tất Sao chép địa chỉ website của bạn và dán vào Claude

Claude kiểm tra website thật tải qua HTTPS và đã kết nối với dự án Supabase của bạn.

Thêm địa chỉ thật vào Supabase

Email đăng ký và email mật khẩu dẫn đến các địa chỉ này. Claude gửi chính xác Site URL và bốn Redirect URLs cho tên miền Hostinger của bạn — hãy sao chép từ tin nhắn của Claude.

Supabase Authentication URL Configuration

Đặt Site URL là địa chỉ thật của bạn, bắt đầu bằng https:// Thêm bốn Redirect URLs, lần lượt từng cái Nhấn Save, rồi báo Claude là đã xong

Mỗi Redirect URL là địa chỉ thật của bạn, theo sau là một trong các đường dẫn sau:

/auth/callback

/accept-invite

/auth/reset-password

/confirm-email

Tạo đại lý của bạn

Mở liên kết đăng ký Claude đưa cho bạn — địa chỉ thật của bạn, theo sau là /sign-up Tạo đại lý bằng chính email của tài khoản Supabase Mở email xác nhận trong cùng trình duyệt Đăng nhập, rồi báo Claude khi dashboard hiển thị đại lý của bạn

Vì sao phải cùng email: email có sẵn của Supabase chỉ gửi được đến địa chỉ trong nhóm Supabase của bạn, khoảng hai thư mỗi giờ. Sau đó Claude xác nhận đại lý của bạn đã tồn tại với bạn là Owner — bạn không cần kiểm thử gì.

Atlas đã chạy thật. Giờ mỗi lần push lên nhánh main sẽ triển khai lại Atlas trên Hostinger, vì vậy hãy nhờ Claude thực hiện mọi thay đổi, kể cả tên, logo hay màu sắc của riêng bạn, rồi nhờ Claude push.

Trước khi có khách hàng thật

Kết nối nhà cung cấp email của riêng bạn (Custom SMTP) trước khi khách hàng hoặc nhân viên ngoài nhóm Supabase của bạn đăng ký:

Supabase Authentication Emails SMTP Settings