Skodev
Belajar coding dalam bahasa Indonesia
Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Static site generator atau yang dikenal SSG sedang populer di mata para developer website. Banyak framework yang berlomba untuk menawarkan membuat website statis dengan mudah, salah satunya yang sangat populer adalah Hugo
Apa itu static site generator
Kalau diartikan langsung, SSG bisa disebut “penghasil website statis”. Pada dasarnya SSG adalah istilah umum untuk sebuah alat atau software yang bisa menghasilkan halaman statis.
Apa sih halaman statis? halaman statis adalah halaman yang terbuat dari tiga teknologi andalan web developer yaitu.. HTML, CSS dan javascript (pilihan), di mana tidak ada backend ataupun database yang terlibat langsung di sini. Selengkapnya tentang Static Site Generator baca di sini
Keuntungan dari SSG
Hugo adalah website statis generator atau yang dikenal dengan SSG yang dibuat dengan bahasa Go, yang terkenal dengan kecepatannya. Belajar membuat website atau blog dinamis dengan kekuatan Hugo
Static site generator atau SSG sedang populer. Cara baru untuk membuat website kita lebih cepat dan lebih aman untuk diakses. Baca artikel tentang apa itu Static site generator di sini
Yuk kenalan dengan SSG Hugo. Hugo adalah ssg atau pembuat website statis yang sangat cepat, dibuat dengan bahasa Go Lang yang kini sangat populer.
Setelah kamu belajar cara install dan mengganti tema Hugo, sekarang kita akan mengeksplor lebih banyak isi dari konten website yang dibuat dengan Hugo. Artikel bermain dengan konten Hugo
belajar bagaimana cara membuat custom theme alias bikin tema Hugo sendiri. Kita akan belajar cara mengambil kontent, menampilkan daftar folder tertentu dan lainnya, sebelum kamu mengaplikasikan CSS sendiri
Front Matter adalah data-data yang tersimpan untuk konten kita yang berisi informasi meta dari file tersebut. Isinya bisa apa saja, sebagai contoh untuk memberi judul, tanggal dan apakah postingannya ingin dalam draft atau dipublish langsung. Tapi tidak terbatas di ketiga hal tersebut saja.
Belajar cara membuat tag atau sistem kategori dengan fitur taxonomy yang ada di hugo untuk membantu website kamu menjadi lebih terorganisir
Kita sudah punya satu template partial header yang bisa berisi hal-hal yang selalu tampil di semua halaman seperti menu. Tapi bagaimana kalau kita ingin di salah satu bagiannya, yaitu di Hompage/ Landingpage kita ingi memainkan isi header ini, atau menyembunyikannya.
SEO alias Search engine optimization pada website tentu sangat penting kalau kamu mau website kamu mudah ditemukan oleh orang. Tenang Hugo tidak ketinggalan tentang hal SEO, kita bisa dengan mudah mengaturnya.
Belajar bagaimana cara menampilkan snippet atau summary di Hugo. Kamu mau menampilkan ringkasan atau potongan dari artikel kamu di Hugo? ada dua cara, yang paling mudah menggunakan variabel .Summary
Semakin rajin kamu membuat blog, semakin banyak tempat yang dibutuhkan untuk menampilkan list kontennya. Waktunya kita belajar sistem pagination di hugo. Belajar cara membuat pagination di Hugo
Salah satu kekurangn website statis adalah mengimplementasikan “user generated content” alias konten yang dihasilkan oleh user, sebagai contoh komentar. Untungnya, sudah banyak tool yang bisa kita implementasikan untuk mengatasi hal ini. Sebagai contoh untuk sistem komentar sendiri, di website statis, kita punya pilihan untuk memasang:
Setelah kamu belajar berbagai macam tips dan trik membuat website statis dengan Hugo, baik itu tema yang kamu ambil atau tema buatan sendiri, sekarang waktunya kita menunjukkan hasil karya ini ke dunia! hehe. Alias waktunya kita Hosting :
Render punya fitur untuk membuat proses build website Hugo nya menjadi automatis, cukup push kode baru kamu ke github dan dia akan melakukan perubahannya.
Kamu sudah punya website statis? tidak suka dengan cara deploy yang harus, bikin file baru di local lalu push perubahannya? mau punya CMS alias content management system seperti wordpress yang mudah digunakan dan ada interfacenya untuk kamu? tenang, forestry datang menyelamatkan!