Langkah-Langkah Mudah untuk Mendeploy Aplikasi React ke Netlify dan Vercel

Langkah-Langkah Mudah untuk Mendeploy Aplikasi React ke Netlify dan Vercel
Photo by Hazel Z / Unsplash

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
    • 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 atau react-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!