Hướng dẫn deploy 1 static web trên GitHub domain

Hiện tại GitHub đã hỗ trợ 1 tool gh-pages dùng để bạn publish 1 static web lên trên GitHub. Cái này rất tiện nếu bạn muốn làm những bản demo cho khách hàng xem và không muốn mua 1 con server riêng để deploy và mất phí duy trì. Bạn có thể xài account free của GitHub để làm việc này luôn.

Để demo tool này cách xài như thế nào mình xin dùng 1 free template 'paper-dashboard-react' bạn có thể dùng bất kỳ free template nào có sẵn trên mạng về xài và sửa chúng lại.

Bạn mở terminal lên và di chuyển đến folder chứa file 'package.json', cài tool gh-pages theo chế độ development như sau:

 npm install gh-pages --save-dev  

Sau đó bạn mở file 'package.json' lên thêm giá trị 'homepage' và 2 đoạn script 'predeploy' và 'deploy' bằng gh-pages như hình sau:

Bạn mở file public/index.html và sửa lại chỗ 'manifest':

Sau khi sửa xong hết những chỗ này và giờ bạn muốn deploy thì chỉ cần chạy đoạn script sau:

 npm run deploy  

Khi bạn chạy lần đầu tiên máy sẽ hỏi để bạn nhập username & password của GitHub, bạn hãy nhập đúng thông tin của bạn thì sẽ deploy lên branch 'gh-pages'. Ví dụ mình đã deploy thành công tại đây https://congpc.github.io/paper-dashboard-react/#/dashboard