Migrasi Web dari Jekyll ke Vue.js

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

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

id Engineering Tech

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

subtitle

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

comments

title

Migrasi Web dari Jekyll ke Vue.js

slug

migrasi-web-dari-jekyll-ke-vuejs

published

Dec 5, 2020

tags

Engineering

Tech

image

active

lang

type

blog

Photo by Jorge Tung on Unsplash

⚠️

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/

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.

Eror di CocoaPods Xcode 12

The iOS Simulator deployment target error is set to 8.0, but the range of supported deployment target versions is 9.0 to 14.0.99

Oct 08(4 years ago)

https://images.unsplash.com/photo-1619082044737-4c99b27fdc16

Migrasi Web dari Vue.js ke Nuxt.js

Saya sudah beberapa kali migrasi website mulai dari Jekyll hingga ke NuxtJS

Jan 19(4 years ago)