Di artikel kali ini saya akan sharing tentang bagimana cara deploy otomatis aplikasi React ke CloudFront menggunakan GitHub Actions.
Sebelum lanjut, kalian harus setup dahulu aplikasi React yang sudah di deploy ke CloudFront. Kalau kalian belum tahu caranya, kalian bisa baca Deploy Aplikasi React ke CloudFront.
Pada kesempatan kali ini saya akan sharing bagaimana caranya menggunakan custom domain di CloudFront. Seperti yang diketahui, defaultnya link CloudFront adalah https://***.cloudfront.net.
Kita perlu buat Certificate SSL/TLS di AWS Certificate Manager.
Di artikel ini saya akan membahas bagaimana caranya untuk deploy aplikasi React kita ke CloudFront. Deploy ini hanya bisa dilakukan untuk aplikasi React yang berbasis SPA (Single Page Application) atau Client Side Rendering karena proses buildnya akan menghasilkan static files yang nantinya dapat kita upload ke S3 (Amazon Simple Storage Service).
Kali ini saya akan membuat project React dengan menggunakan yarn dan vite.
yarn create vite
Kemudian bisa diisi saja opsi-opsinya sesuai dengan yang diinginkan, misalnya:
react-cloudfrontReactTypeScript
Beberapa waktu lalu saya ingin release aplikasi iOS yang saya buat. Aplikasi ini menggunakan React Native v0.70.4, namun ketika melakukan Archive di Xcode, saya mendapatkan error berikut:
main.jsbundle does not exist. This must be a bug with React Native, please report it here: https://github.com/facebook/react-native/issues
Berikut adalah solusinya: