Deploy React ke Netlify
1. Latar Belakang
Manusia membuat aplikasi web dengan penuh semangat, lalu panik saat harus menaruhnya di internet supaya orang lain bisa benar-benar melihatnya. Tahap ini disebut deployment. Dalam pengembangan aplikasi menggunakan React, proses deployment menjadi langkah penting setelah proses pembuatan dan pengujian selesai. React digunakan untuk membangun antarmuka pengguna yang dinamis melalui komponen dan pengelolaan state. Namun, aplikasi yang hanya berjalan di lingkungan lokal tidak dapat diakses oleh pengguna lain. Oleh karena itu, diperlukan suatu layanan hosting yang dapat menampilkan aplikasi tersebut secara online sehingga dapat diakses melalui jaringan internet.
Salah satu layanan yang sering digunakan untuk melakukan deployment aplikasi React adalah Netlify. Netlify menyediakan platform hosting yang mudah digunakan untuk proyek web statis, termasuk aplikasi yang dibangun dengan React. Dengan fitur seperti integrasi dengan repository Git, proses build otomatis, serta penyediaan domain dan HTTPS, Netlify memudahkan pengembang dalam mempublikasikan aplikasi mereka ke internet. Melalui proses deployment ke Netlify, aplikasi React dapat diakses oleh pengguna secara luas tanpa perlu melakukan konfigurasi server yang rumit, sehingga pengembang dapat lebih fokus pada pengembangan fitur dan peningkatan kualitas aplikasi.
2. Alat dan Bahan
a. Perangkat Lunak
- Terminal / Command Prompt
- Text Editor (VS Code)
- Web Browser (Firefox)
- Node js (untuk runtime JS)
- Netlify
b. Perangkat Keras
- Laptop / Komputer.
3. Pembahasan
Disclaimer hanya web statis saja yang bisa di deploy ke netlify. Berikut ini adalah pembahasan mengenai langkah langkah mendeploy projek react kita melalui netlify:
1. Pastikan kamu sudah menyiap projek web statis yang mau di deploy, disini saya akan menggunakan dump projek sebagai contoh
2. Masuk ke website resmi Netlify (https://www.netlify.com/)
3. Jika kamu belum memiliki akun. maka lakukan sign up (disarankan menggunakan Github)
4. Jika sudah login, nanti kita akan diarahkan ke halaman dashboard
5. Klik [add new project] sebagai langkah awal deploy projek. Nanti akan diarahkan ke halaman seperti berikut:
6. Karena saya mau import dump projek dari Github, maka pencet bagian logo Github (di bawah tulisan "Import a Git Repository")
7. Cari repository yang berisi projek kalian, lalu pilih
8. Ganti [project name] sesuai yang kalian inginkan, ini akan menjadi nama situs kalian
9. Scroll ke bagian bawah dan klik [Deploy Project]
10. Jika sudah seperti ini tinggal ditunggu saja,
11. Projek kalian sudah berhasil di deploy, kalian bisa cek langsung menggunakan web browser
0 Komentar