• Erwindo Sianipar
    Interaction designer
    Software Engineer
  • blog
    craft
    portfolio
    snippet
    guestbook
    update
    login
ES
Caritas in VeritateMade with love from Jakarta
© 2019-2025 Erwindo Sianipar. All Rights Reserved.
termspoliciescookiesanalytics

Migrasi Web dari Jekyll ke Vue.js

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

avatar
Posted by Erwindo SianiparDec 5, 2020 (4 years ago) · 4 min read
id
EngineeringTech
https://images.unsplash.com/photo-1564101160531-4838e8a5f4e7
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
GitHub Education
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.
Connect & protect with the connectivity cloud | Cloudflare
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.
More from Erwindo SianiparSee all
https://images.unsplash.com/photo-1608308308678-a628ff00bc56

Gim TicTacToe di iOS dengan Swift

Membuat aplikasi gim tictactoe pada perangkat berbasis iOS
Mar 04(5 years ago)
https://images.unsplash.com/photo-1564101160531-4838e8a5f4e7

Migrasi Web dari Jekyll ke Vue.js

Mencoba menerapkan Vue.js untuk halaman web dan blog pribadi.
Dec 05(4 years ago)
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
All
Engineering
Tech
image
https://images.unsplash.com/photo-1564101160531-4838e8a5f4e7
active
active
lang
id
type
blog