Migrasi Web dari Jekyll ke Vue.js

Mencoba menerapkan Vue.js untuk halaman web dan blog pribadi.

Posted by Erwindo SianiparDec 5, 2020 (6 years ago) · 6 min read

https://images.unsplash.com/photo-1564101160531-4838e8a5f4e7

⚠️

Tulisan artikel ini mengacu pada saat halaman web ini masih menggunakan Jekyll.

Setelah saya menulis kode sumber halaman web menggunakan pembuat halaman statis Jekyll, sekarang saya ingin beralih ke Vue.js serta menjalankan halaman web ini dengan Netlify. Saya juga menggunakan alamat domain yang saya dapat dari Namecheap. Alamat domain diberikan sebagai hadiah karena menjadi bagian dari Github Student.

GitHub Education

Teach and learn better, together. Learn to ship software like a pro. Discounted and free plans are available for educational use

https://education.github.com/students

Domain baru dengan ekstensi .me adalah manfaat menjadi bagian dari Github Student. Domain akan diberikan secara gratis selama dua tahun penuh serta keuntungan langsung terhubung ke Cloudflare.

Connect & protect with the connectivity cloud | Cloudflare

Make employees, applications and networks faster and more secure everywhere, while reducing complexity and cost.

https://www.cloudflare.com/

Connect & protect with the connectivity cloud | Cloudflare

Setelah mencari-cari, akhirnya saya memutuskan untuk membeli alamat domain dengan nama saya sendiri. Setelah memilih alamat domain dan melakukan beberapa konfigutasi untuk perilisan, akhirnya saya mendapatkan halaman web yang sudah dapat berjalan.

https://erwindosianipar.me Tautan di atas sudah tidak aktif sejak awal tahun 2021

Kenapa beralih ke Vue.js?

Alasan pertama memilih Vue.js, karena kerangka kerja JavaScript yang satu ini cukup mudah dipelajari dan dikembangkan. Untuk membuat satu halaman web, hanya perlu satu fail dengan format markdown .md atau .mdx dan otomatis akan dibuatkan menjadi halaman statis, hal ini tidak jauh berbeda seperti saat menggunakan Jekyll.

Alasan yang kedua, kerangka kerja Vue.js diciptakan dengan JavaScript, jadi halaman web dapat memiliki fitur yang interaktif, transisi antar halaman yang mulus serta memiliki dukungan fitur dari Progressive Web Apps.

Konklusi Penggunaan

Karena aplikasi halaman web dengan Vue.js harus berjalan di atas mesin Node.js, maka tidak semua peladen (server) atau hosting dapat mendukung untuk menjalankan aplikasi Vue.js. Berikut beberapa layanan yang dapat digunakan untuk menjalankan aplikasi dengan Vue.js.

Layanan	Ketentuan
Netlify	Gratis
Vercel	Gratis
Firebase	Gratis
Heroku	Berbayar

Pekerjaan rumah yang lumayan berat adalah Search Engine Optimization (SEO). Aplikasi berbasis Client Side Rendering (CSR) seperti Vue.js ini bukan tidak mungkin untuk menjadi aplikasi yang ramah terhadap SEO, namun hal ini adalah pekerjaan rumah yang cukup memakan waktu.

Gim TicTacToe di iOS dengan Swift

Membuat aplikasi gim tictactoe pada perangkat berbasis iOS

Mar 04(7 years ago)

Migrasi Web dari Jekyll ke Vue.js

Mencoba menerapkan Vue.js untuk halaman web dan blog pribadi.

Dec 05(6 years ago)