Cara menghosting situs web super cepat secara gratis di Netlify

tumpukan jam Situs sangat cepat karena menyediakan file statis. Secara keseluruhan, situs menggunakan sangat sedikit sumber daya CPU dan server sehingga platform seperti Netlify dapat menawarkan hosting gratis dan berkualitas baik.

Netlify adalah lingkungan komputasi awan. Namun tidak seperti platform awan lainnya seperti AWS dan Google Cloud, Netlify sederhana dan mudah digunakan. Tidak ada tutorial rumit dan pengaturan yang panjang.

Layanan Netlify bertujuan untuk membuat hidup Anda semudah mungkin dengan menggabungkan yang terbaik dari berbagai dunia menjadi satu layanan: komputasi awan, Jamstack, repositori Git, dan harga freemium.

Netlify dan Jamstack

Netlify telah menjadi bagian dari gerakan Jamstack sejak lama dan merupakan salah satu platform paling awal dan terbaik yang berkontribusi terhadap pertumbuhan metode desain web modern ini.

Gerakan Jamstack menggabungkan JavaScript, API, dan Markup untuk menciptakan metodologi pengembangan front-end yang memisahkan dirinya dari back-end. Hal ini menghasilkan kinerja server yang lebih baik, keamanan yang lebih baik, penskalaan yang lebih mudah, dan biaya operasional yang lebih murah.

GitHub, misalnya, awalnya menawarkan hosting web untuk file yang dihosting di platformnya, tetapi layanan tersebut memiliki keterbatasan. Kemudian Netlify membawa pembuatan kode situs web dari repositori dan hosting varian statisnya ke tingkat yang sama sekali baru. Dan ini telah menciptakan industri yang sama sekali baru dengan banyak manfaat.

Alasan untuk menggunakan Netlify

Netlify memiliki banyak arti karena ia melakukan banyak hal. Dengan menggabungkan banyak fitur ke dalam satu layanan dan mengotomatiskannya sebanyak mungkin, platform ini menawarkan manfaat besar bagi bisnis dari semua ukuran.

Berikut ini adalah keuntungan utama yang bisa Anda dapatkan dari Netlify:

• Kemudahan penggunaan – Netlify adalah salah satu platform cloud hosting yang paling mudah digunakan. Tidak perlu membaca tutorial yang panjang dan membingungkan. Tidak ada langkah pengaturan yang rumit untuk diikuti, atau bahkan rutinitas perawatan yang lebih rumit. Netlify berfungsi dengan baik.
  
  Selain itu, sistem ini menawarkan fitur komputasi elastis seperti lingkungan cloud lainnya. Ini menjamin bahwa ketika saatnya tiba, situs web atau layanan Anda akan diskalakan dengan baik untuk menangani lonjakan lalu lintas tanpa hambatan backend yang biasa terjadi.
  
• Jaringan Distribusi Konten – Sebagai bagian dari kesederhanaan dan kemudahan penggunaannya, layanan Netlify menyertakan jaringan distribusi konten yang disebut Netlify Edge. Layanan ini menyebarkan halaman web Anda di beberapa lokasi, untuk menyajikannya secepat mungkin kepada pengunjung di sekitar.
  
  Bagian terbaik dari layanan ini adalah Anda tidak perlu mengubah dan mengonfigurasi pengaturan apa pun untuk mendapatkan hasil terbaik. Setelah Anda meluncurkan situs, Anda memperbarui semua aset dan kode web sekaligus. Semua cache langsung dibatalkan dan diperbarui di seluruh dunia. Dan Anda juga dapat mengembalikan situs ke versi sebelumnya dengan mudah dan instan.
  
  Netlify mengelola sebagian besar hal ini secara otomatis untuk Anda. Satu-satunya perbedaan adalah jumlah layanan dan lokasi edge yang Anda dapatkan, karena paket gratis memiliki beberapa batasan.
  
• Paket Gratis – Netlify adalah platform perangkat lunak sebagai layanan freemium. Namun tidak seperti platform komputasi awan lainnya, akun gratisnya sepenuhnya gratis. Tidak diperlukan kartu kredit.
  
  Meski begitu, paket gratis ini mencakup banyak fitur yang mengesankan. Seperti build Git otomatis, penerapan jaringan edge, rollback instan ke versi sebelumnya, pratinjau langsung sebelum penerapan, dan fungsi tanpa server gratis.
  
• Build Otomatis – Anda juga mendapatkan Netlify Build secara gratis. CI/CD (Continuous Integration/Continuous Deployment) ini memudahkan pengelolaan pengembangan dan penyempurnaan situs Anda. CI/CD ini secara otomatis membangun ulang dari repositori Anda, setiap kali Anda mengirim pembaruan baru ke akun Git Anda.
  
  Semuanya sepenuhnya otomatis dan pratinjau tersedia untuk memberi tahu Anda apa yang akan Anda terapkan. Anda juga dapat mengonfigurasi setiap langkah proses dan pengembalian ke versi sebelumnya menjadi mudah.
  
• Fungsi Netlify – Setiap situs yang Anda terapkan pada platform Netlify dilengkapi dengan akses ke fungsi tanpa server yang dapat Anda gunakan untuk banyak hal. Fungsi Netlify ini adalah proses sisi server yang berjalan pada kode JavaScript.
  
  Setiap situs mendapatkan 125 ribu permintaan secara gratis dan Anda hanya perlu membayar jika kuota tersebut terlampaui. Anda dapat menggunakan fungsi untuk menangani gambar, mengirim email, memvalidasi masukan pengguna, dan bahkan mengambil data dari titik akhir API lainnya.
  
• Formulir Otomatis – Netlify memudahkan Anda untuk mengintegrasikan formulir ke situs statis Anda dan menangkap semua kiriman tanpa perlu coding yang rumit atau masalah yang membuat stres lainnya. Cukup tambahkan atribut 'netlify' ke salah satu formulir Anda seperti … dan selesai.
  
  Anda kemudian dapat melihat semua kiriman di dasbor Anda, dengan formulir yang disusun dengan cermat berdasarkan nama. Sistem ini dilengkapi dengan fitur anti-spam dan Netlify dapat memberi tahu Anda lebih lanjut melalui email, Slack, atau webhook setelah ada kiriman.
  
  Pilihan lainnya termasuk meneruskan formulir yang dikirimkan ke 1,000+ aplikasi menggunakan integrasi Zapier Netlify.
  
• NetlifyCMS – Aplikasi NetlifyCMS adalah editor yang praktis untuk situs statis apa pun yang dihosting di platform Netlify melalui penyedia Git seperti GitHub. Aplikasi ini mengambil semua data Anda dari repositori dan menciptakan antarmuka manajemen yang mudah digunakan.
  
  NetlifyCMS adalah aplikasi React satu halaman yang dibuat oleh komunitas yang terdiri dari lebih dari 100 kontributor. Aplikasi ini ramah editor, menawarkan alur kerja yang intuitif, sepenuhnya gratis, dan membuat pengelolaan situs Jamstack menjadi menyenangkan.
  
• HTTPS gratis – Semua akun hosting Netlify menyertakan HTTPS gratis. Yaitu sertifikat SSL (Secure Socket Layer) gratis.

Akun & Harga

Netlify adalah layanan perangkat lunak freemium. Tersedia paket Starter yang sepenuhnya gratis, paket Pro seharga $19 per anggota per bulan, paket Business seharga $99 per anggota per bulan, dan paket Enterprise dengan harga khusus.

Hal yang mengagumkan tentang Netlify adalah Anda dapat menyelesaikan banyak hal dengan paket Starter gratisnya. Dirancang untuk proyek pribadi, eksperimen, situs hobi, dan petualangan lainnya, paket Starter mencakup build otomatis dengan 300 menit build gratis per bulan.

Paket ini juga mencakup penerapan edge global, rollback instan, NetlifyCMS, fungsi tanpa server, bandwidth 100 GB per bulan, dan hingga 100 pengiriman formulir gratis per situs per bulan. Ditambah lagi, Anda dapat menghosting situs dalam jumlah tak terbatas pada paket Starter.

Paket Pro menambahkan lebih banyak fitur seperti situs yang dilindungi kata sandi, fungsi latar belakang, waktu pembuatan dan bandwidth yang lebih lama, serta masih banyak lagi. Fitur-fitur tambahan ini akan bertambah seiring dengan peningkatan paket yang Anda pilih.

Cara menghosting situs web gratis di Netlify

Netlify mengalahkan perusahaan komputasi awan dan hosting lain seperti AWS, Google Cloud, dan Azure dalam hal kesederhanaan. Ya, mereka memiliki lebih banyak infrastruktur, mesin yang lebih bertenaga, dan pusat data di seluruh dunia, tetapi pengaturannya bisa jadi membosankan.

Berikut adalah proses pengaturan langkah demi langkah yang menunjukkan betapa mudahnya menghosting situs Jamstack di Netlify.

1. Daftar & Masuk

Langkah pertama Anda adalah menavigasi ke aplikasi.netlify.com dan mendaftar jika Anda belum melakukannya. Anda akan disambut dengan lima metode masuk yang berbeda, dari GitHub untuk GitLab, BitbucketEmail, dan SSO.

Setelah mendaftar, Anda juga perlu masuk ke akun email Anda untuk menemukan email konfirmasi dari Netlify. Klik email tersebut untuk memverifikasi akun Anda dan masuk ke sistem.

2. Tambahkan Situs Baru

Aplikasi ini memerlukan waktu beberapa detik untuk dimuat. Kemudian Anda akan diberikan kuesioner singkat yang berisi hal-hal seperti nama tim Anda dan sebagainya. Isi saja semuanya dengan jujur. Namun ingat bahwa paket gratis hanya mencakup satu anggota – Anda.

Setelah Anda melewati tahap itu, Anda akan menemukan diri Anda di dasbor default. Klik "Situs Baru dari Git" untuk menghosting situs baru. Atau Anda juga dapat menyeret dan meletakkan folder yang berisi file statis Anda ke area yang ditandai di dasbor dan Netlify akan melakukan sisanya.

3. Tautan GitHub

Klik tombol dari langkah 2 di atas akan membuka jendela baru yang meminta Anda untuk menautkan situs baru Anda dengan GitHub, atau repositori Git lainnya seperti GitLab dan Bitbucket. Pada titik ini, pastikan Anda memiliki akun Git terdaftar dan file situs Anda sudah ada di repositori.

4. Otorisasi Netlify

Sekarang Anda hanya perlu memberi tahu GitHub untuk mengizinkan Netlify mengakses akun GitHub Anda dan semuanya beres.

5. Pilih Repositori Anda

Setiap situs Netlify standar terhubung ke satu repositori. Pilih repositori yang ingin Anda gunakan dan lanjutkan.

6. Konfigurasikan Pengaturan Bangun

Anda perlu sedikit memperhatikan halaman ini. Jika Anda sudah memiliki situs statis dan tidak menggunakan praprosesor apa pun, maka Anda dapat mengatur direktori publikasi ke “/”. Dan biarkan kolom perintah build kosong.

Jika Anda menggunakan generator situs statis seperti Gatsby atau Next, di sisi lain, maka apa yang Anda masukkan di sini akan bergantung pada generator tersebut. Anda dapat memeriksa daftar berikut konfigurasi umum, untuk mengetahui apa yang harus dimasukkan.

7. Bangun & Terapkan

Setelah semuanya diatur, klik "Deploy Site" dan Netlify akan menjalankan semua build yang diperlukan dan membuat situs web baru Anda yang memukau. Bersabarlah sedikit.

8. Siapkan Nama Domain

Setelah membangun dan menyebarkan situs Anda, Netlify akan memberinya nama pada domain *.netlify.app. Anda dapat mengubah nama ini menjadi sesuatu yang lebih bagus atau bahkan melampirkan domain khusus ke situs tersebut.

Netlify memungkinkan Anda untuk melampirkan domain khusus yang Anda beli di tempat lain atau membeli domain tersebut melalui dasbor Netlify Anda. Sistem akan mengurus semuanya. Cukup klik tab Domain di dasbor Anda untuk menambahkan atau mendaftarkan domain baru untuk situs baru Anda.

Kesimpulan

Kita telah sampai pada akhir panduan sederhana ini tentang hosting situs web super cepat gratis di platform Netlify. Dan Anda telah melihat alasan dan cara melakukannya.

Kini saatnya bagi Anda untuk membuat kode situs statis secara manual atau menggunakan generator situs statis.