K

Command Palette

Search for a command to run...

Daftar

Deploy ke Netlify

Pelajari cara mendeploy website statis 'Mahir Company' Anda ke Netlify, platform hosting modern yang menawarkan kemudahan, kecepatan, dan Continuous Deployment dari Git.

"Mahir Company" Makin Profesional di Netlify: Deploy Cepat & Gratis!

Udah berhasil nge-host website "Mahir Company" kita di GitHub Pages? Keren! Itu cara yang super gampang buat bikin proyek online. Tapi, dunia hosting statis itu luas, dan ada platform lain yang gak kalah powerful dan populer, salah satunya adalah Netlify (netlify.com).

Netlify ini disukai banyak developer karena kemudahan penggunaannya, kecepatan deploy, dan fitur-fitur canggihnya, bahkan untuk paket gratis. Buat proyek mahir-company kita yang statis (HTML, CSS, JS), Netlify ini pilihan yang oke banget!

Kenapa Pilih Netlify Buat "Mahir Company"?

  • Super Gampang & Cepat Deploy: Prosesnya intuitif, seringkali cuma beberapa klik dari repositori GitHub.
  • Continuous Deployment dari Git: Sama kayak GitHub Pages, setiap git push ke branch utama mahir-company di GitHub bisa otomatis nge-update website di Netlify.
  • Performa Global (CDN): Website-mu bakal disajiin dari server yang tersebar di seluruh dunia, jadi cepet diakses dari mana aja.
  • Gratis Tier yang Mantap: Cukup banget buat proyek portofolio atau company profile kita.
  • Banyak Fitur Ekstra (buat nanti): Kalau proyekmu berkembang, Netlify punya fitur kayak form handling, serverless functions, A/B testing, deploy previews, dll.

Langkah-Langkah Deploy "Mahir Company" ke Netlify dari GitHub

Pastikan proyek mahir-company kamu udah ada di repositori GitHub dan semua perubahan terakhir udah di-push ya!

  1. Buat Akun Netlify (atau Login):

    • Kunjungi netlify.com.
    • Klik "Sign up". Cara termudah dan paling direkomendasikan adalah Sign up with GitHub. Ini bakal langsung nyambungin akun Netlify-mu sama akun GitHub-mu, jadi proses otorisasi dan milih reponya nanti gampang.
    • Ikuti proses otorisasi yang diminta oleh GitHub.

    (Catatan Placeholder: Screenshot halaman Sign Up Netlify, sorot opsi "Sign up with GitHub")

  2. Mulai Deploy Proyek Baru dari Git:

    • Setelah login ke dashboard Netlify-mu, cari tombol seperti "Add new site" atau "Import an existing project". Biasanya ada pilihan "Import from Git provider".

    (Catatan Placeholder: Screenshot dashboard Netlify yang menunjukkan tombol untuk membuat situs baru)

  3. Pilih GitHub sebagai Penyedia Git:

    • Netlify akan bertanya dari mana kamu mau mengimpor proyek. Klik GitHub.
    • Kamu mungkin perlu memberikan otorisasi tambahan kepada Netlify untuk mengakses repositori GitHub-mu (jika belum pernah).
  4. Pilih Repositori mahir-company:

    • Netlify akan menampilkan daftar repositori yang ada di akun GitHub-mu.
    • Cari dan pilih repositori mahir-company yang sudah kita buat.

    (Catatan Placeholder: Screenshot saat memilih repositori mahir-company dari daftar di Netlify)

  5. Konfigurasi Pengaturan Deploy (Build Settings):

    • Di halaman ini, Netlify akan mencoba menebak pengaturan build proyekmu. Untuk proyek "Mahir Company" kita yang statis murni (HTML, CSS, JS tanpa build step):
      • Owner / Team: Pastikan ini akunmu.
      • Branch to deploy: Pilih branch utama dari repositorimu, yaitu main.
      • Build command: KOSONGKAN SAJA. Karena proyek kita tidak memerlukan proses build (seperti kompilasi SASS, atau build JavaScript framework).
      • Publish directory: Karena file index.html kita ada di root repositori mahir-company, kamu bisa KOSONGKAN SAJA bagian ini, atau isi dengan . (titik, yang berarti direktori root). Netlify biasanya cukup pintar untuk mendeteksinya.
      • Advanced build settings: Umumnya tidak perlu diubah untuk proyek sederhana ini.

    (Catatan Placeholder: Screenshot pengaturan deploy di Netlify, menyorot branch main, dan Build command serta Publish directory yang dikosongkan atau diset ke root)

  6. Klik Tombol "Deploy site" (atau "Deploy mahir-company"):

    • Setelah yakin settingannya benar (terutama Branch dan Publish Directory), klik tombol deploy!
  7. Tunggu Proses Deploy Pertama:

    • Netlify akan mulai mengambil kode dari repositori mahir-company di GitHub dan mendeploy-nya. Kamu bisa melihat log prosesnya secara real-time. Untuk proyek statis kecil kita, ini biasanya sangat cepat, seringkali kurang dari satu menit.
    • Setelah selesai, Netlify akan memberimu URL default untuk website "Mahir Company"-mu. Formatnya biasanya [nama-unik-acak].netlify.app.

    (Catatan Placeholder: Screenshot yang menunjukkan status deploy berhasil di Netlify dan URL unik yang diberikan)

  8. Kunjungi Websitemu!:

    • Klik URL yang diberikan Netlify. Selamat! Website "Mahir Company" sekarang sudah live di internet via Netlify!

Continuous Deployment untuk "Mahir Company"

Sama seperti GitHub Pages, Netlify juga secara default mengaktifkan Continuous Deployment. Ini berarti:

  • Setiap kali kamu melakukan git push ke branch main di repositori mahir-company di GitHub...
  • Netlify akan otomatis mendeteksi perubahan tersebut, mengambil kode terbaru, dan mendeploy ulang website "Mahir Company" Anda.
  • Tidak perlu tindakan manual di dashboard Netlify setelah setup awal!

(Opsional) Mengganti Nama Situs di Netlify

Jika URL [nama-unik-acak].netlify.app terasa kurang personal, kamu bisa menggantinya:

  1. Di dashboard Netlify, buka situs "Mahir Company" Anda.
  2. Pergi ke "Site settings".
  3. Cari bagian "Site details" atau "Domain management".
  4. Klik opsi untuk "Change site name".
  5. Masukkan nama baru yang kamu inginkan (misalnya, mahir-company-demo). Jika tersedia, URL-mu akan menjadi mahir-company-demo.netlify.app.

Netlify menyediakan cara yang sangat mulus dan developer-friendly untuk menghosting proyek statis. Dengan integrasi Git yang kuat dan fitur Continuous Deployment, kamu bisa fokus pada pengembangan kode, dan biarkan Netlify yang mengurus sisanya agar websitemu selalu up-to-date.

Ini adalah platform hebat lainnya untuk memamerkan proyek "Mahir Company" atau portofolio pribadimu.