1.Ý tưởng
- Muốn tạo ra một website tĩnh chứa các thông tin của đám cưới bản thân để có thể dễ dàng chia sẻ với bạn bè và người thân thay vì phải sử dụng thiệp cưới giấy truyền thống.
- Dự án cuối cùng trước khi chào tạm biệt sự độc thân.
- Sử dụng các kiến thức đã học và theo suốt quá trình làm việc như: html, css để xây dựng website tĩnh, Google Cloud -> cụ thể trong lần này sẽ là Google Cloud storage để lưu trữ nhằm tiết kiệm chi phí nhất. Ngoài ra có sử dụng Cloudflare để thiết lập Https và Github để lưu và chia sẻ code. Các công nghệ trên đa số khá quen thuộc với những người làm trong nghành IT ngay từ những bước đầu.
2.Kiến trúc tổng quan và có thể mở rộng nếu tương lai muốn làm gì thêm
==============================================
Source code gốc mình lấy trên internet:
https://htmlcodex.com/free-wedding-website-template/
Video mình đã xem và cấu hình thành công: https://youtu.be/cwlinqDqFng
Source code đã chỉnh sửa: https://github.com/huydanggdg/huyoanhwedding.com
3.Thiết lập Google domain trên Googler search console
Để có thể đặt tên www.huyoanhwedding.com cho bucket trên Google Cloud bạn cần thực hiện cấu hình sau trên https://search.google.com/search-console:
4.Thiết lập Google cloud storage
Mở public cho Google cloud storage
Nếu bạn không quá chú trọng vào tốc độ tải thì hoàn toàn có thể chọn các region sau thay vì chọn Singapore như mình:
5.Thiết lập Cloudflare
Các bạn có thể xem các cấu hình mình đã làm dưới đây:
6.Kết quả
Website: https://www.huyoanhwedding.com/
Chi phí mua tên miền 6$/ năm
Chi phí Google Cloud cho GCS: 10.000 VND/ tháng
Sử dụng google analytics để theo dõi số lượt truy cập:
Sử dụng các phần mềm chỉnh sửa video như capcut, tiktok để tạo nên các video thú vị:
https://youtu.be/CSBE8f_DFuE
Ngoài ra có 1 cách dễ hơn là sử dụng github pages cũng có thể tạo được nhé: https://huydanggdg.github.io/huyoanhwedding.com/
Một mẫu demo khác mọi người có thể tham khảo (nguồn mình lấy của 1 anh trên J2team): https://huydanggdg.github.io/huydanggdg-huyoanhwedding.com2/
Mọi thắc mắc và câu hỏi có thể liên hệ mình qua: https://www.linkedin.com/in/huydanggdg/
Top comments (0)