Langkah-Langkah Mudah untuk Mendeploy Aplikasi React ke Netlify dan Vercel
Mendeploy aplikasi React ke platform hosting seperti Netlify dan Vercel dapat dilakukan dengan mudah dan cepat. Berikut adalah langkah-langkah yang dapat Anda ikuti untuk masing-masing platform:
Mendeploy Aplikasi React ke Netlify
Persiapan Aplikasi React:
- Pastikan Anda telah menyelesaikan pengembangan aplikasi React Anda.
- Buat build produksi dengan menjalankan perintah:
npm run build
Membuat Akun Netlify:
Jika belum memiliki akun, daftar di Netlify.
Menghubungkan ke Repositori Git:
- Pastikan kode sumber aplikasi Anda diunggah ke platform seperti GitHub, GitLab, atau Bitbucket.
Mendeploy dengan Netlify:
- Masuk ke akun Netlify Anda.
- Klik tombol "New site from Git".
- Pilih platform Git yang Anda gunakan dan otorisasi Netlify untuk mengakses repositori Anda.
- Pilih repositori dan cabang (branch) yang ingin dideploy.
- Netlify akan mendeteksi pengaturan build secara otomatis. Pastikan pengaturan berikut benar:
- Build Command:
npm run build
- Publish Directory:
build
- Build Command:
- Klik "Deploy site" dan tunggu hingga proses selesai.
Konfigurasi Domain (Opsional):
- Setelah deploy berhasil, Anda dapat mengatur domain kustom melalui menu "Site settings" > "Domain management".
Untuk panduan lebih lanjut, Anda dapat merujuk ke dokumentasi resmi Netlify tentang Deploying React apps.
Mendeploy Aplikasi React ke Vercel
Persiapan Aplikasi React:
- Pastikan aplikasi React Anda siap untuk produksi.
- Jika menggunakan Create React App, buat build produksi dengan:
npm run build
Membuat Akun Vercel:
- Daftar di Vercel jika belum memiliki akun.
Menghubungkan ke Repositori Git:
- Pastikan kode sumber Anda diunggah ke GitHub, GitLab, atau Bitbucket.
Mendeploy dengan Vercel:
- Masuk ke akun Vercel Anda.
- Klik tombol "New Project".
- Pilih platform Git yang Anda gunakan dan otorisasi Vercel untuk mengakses repositori Anda.
- Pilih repositori yang ingin dideploy dan klik "Import".
- Vercel akan mendeteksi pengaturan build secara otomatis. Pastikan pengaturan berikut benar:
- Framework Preset: React
- Build Command:
npm run build
ataureact-scripts build
- Output Directory:
build
- Klik "Deploy" dan tunggu hingga proses selesai.
Konfigurasi Domain (Opsional):
- Setelah deploy berhasil, Anda dapat menambahkan domain kustom melalui menu "Domains".
Untuk informasi lebih lanjut, kunjungi dokumentasi resmi Vercel tentang Deploying React with Vercel.
Dengan mengikuti langkah-langkah di atas, Anda dapat mendeploy aplikasi React Anda ke Netlify atau Vercel dengan mudah. Selamat mencoba!