Hướng Dẫn Triển Khai Ứng Dụng React Qua Coolify Marketplace Của Vultr

Giới thiệu

Coolify là nền tảng mã nguồn mở giúp việc triển khai và quản lý ứng dụng trở nên dễ dàng hơn. Nó hỗ trợ nhiều ngôn ngữ lập trình khác nhau, tích hợp với Git cho quy trình CI/CD và cung cấp chức năng quản lý cơ sở dữ liệu hiệu quả. Coolify là lựa chọn hoàn hảo cho các nhà phát triển và nhóm muốn tự quản lý hạ tầng của mình mà không cần phải phụ thuộc vào các dịch vụ đám mây bên thứ ba.

Trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu cách triển khai ứng dụng Coolify trên Vultr Marketplace, thiết lập một ứng dụng React, và sau đó triển khai ứng dụng này với tên miền tùy chỉnh.

Bước 1: Triển KhaI Vultr Optimized Cloud Instance

Đầu tiên, hãy đăng ký và đăng nhập vào Cổng thông tin khách hàng của Vultr tại trang web của họ.
Tiếp theo, điều hướng đến trang sản phẩm.
Trong menu bên, chọn mục Compute.
Nhấn vào nút "Deploy Server" ở giữa màn hình.
Chọn loại server là "Optimized Cloud Compute."
Chọn vị trí mà bạn muốn cho server của mình.
Trong phần Marketplace Application, chọn Coolify.
Chọn gói dịch vụ (plan) phù hợp với nhu cầu của bạn.
Nếu cần, bạn có thể thêm các tính năng bổ sung.
Cuối cùng, nhấn "Deploy Now" để bắt đầu quá trình triển khai.

Bước 2: Thiết Lập Ứng Dụng React

Bắt đầu bằng việc tạo một ứng dụng React mới:
Copy
```
$ npx create-react-app my-react-app
```
Điều hướng đến thư mục dự án vừa tạo:
Copy
```
$ cd my-react-app
```

Khởi tạo kho lưu trữ Git:

Copy

$ git init && git add . && git commit -m "Initial Commit"

Tạo một kho lưu trữ trên GitHub và đặt tên là "my-react-app".

Đẩy mã nguồn vào kho lưu trữ:

Copy

$ git remote add origin https://github.com/your-username/my-react-app.git && git branch -M main && git push -u origin main

Bước 3: Lưu Trữ Ứng Dụng React Trên Coolify

Truy cập vào bảng điều khiển của Coolify thông qua địa chỉ http://<server-ip>:8000.
Tạo tài khoản trên Coolify nếu chưa có.
Chọn LocalHost làm tùy chọn máy chủ.
Nhấn vào Public Repository.
Cung cấp URL kho lưu trữ mà bạn đã tạo.
Nhấn "Continue" để tiếp tục.
Cung cấp tên miền tùy chỉnh của bạn, đảm bảo rằng tên miền đã trỏ đến địa chỉ IP của server Vultr.
Cung cấp Command xây dựng và Thư mục xuất bản cho ứng dụng của bạn.
Cuộn xuống và nhấn "Reset to Coolify Generated Labels".
Nhấn "Save" để lưu cấu hình.
Nhấn vào mục Server ở menu bên trái.
Chọn Local Host.
Thêm URL tên miền của bạn vào ô Wildcard Domain.
Nhấn "Save" lần nữa.
Quay lại màn hình dự án ban đầu và nhấn "Deploy".
Sau khi quá trình triển khai hoàn tất, bạn có thể truy cập ứng dụng React của mình tại https://<server-ip>.

Những Ai Nên Sử Dụng Coolify?

Nhà phát triển: Coolify là giải pháp tuyệt vời cho những ai muốn triển khai và quản lý ứng dụng mà không cần phải dựa vào nền tảng đám mây bên ngoài.
Nhóm nhỏ: Coolify rất lý tưởng cho các nhóm nhỏ muốn cộng tác hiệu quả trong các dự án.
Người đam mê Self-Hosting: Nếu bạn muốn kiểm soát hoàn toàn ứng dụng và dữ liệu của mình, Coolify chính là lựa chọn linh hoạt cho dịch vụ tự lưu trữ.

Kết Luận

Thông qua các bước hướng dẫn trong bài viết này, bạn đã có thể triển khai ứng dụng trên Coolify, thiết lập ứng dụng React và cuối cùng là triển khai với tên miền tùy chỉnh. Hy vọng rằng các thông tin trong bài viết sẽ hữu ích với bạn trong quá trình phát triển và quản lý ứng dụng của mình.
source: viblo