Migrasi dari Blogger ke Gatsby.js

Setelah sekian lama tidak menulis, akhirnya bisa menulis lagi di blog ini. Tidak terasa blog ini berusia hampir 4 tahun dan seiring semakin padatnya aktivitas saya di dunia nyata, blog ini menjadi tidak terurus. Sempat ada beberapa tawaran dari kerabat dan beberapa orang di internet untuk membeli domain gaptek.net ini, namun saya tolak.

Dan pada akhirnya pada hari ini, agustus 2019 saya telah mengumpulkan niat untuk merenovasi blog ini 😜 dan berencana untuk memigrasikan platform blog ini dari blogspot ke gatsbyjs.

Kenapa pindah platform?

Dulu pertama kali saya membuat blog ini objektif utamanya adalah bagaimana caranya bisa bikin website yang bisa langsung cepat bisa up di internet tanpa harus banyak effort. Maka dari itu pilihan termudah selain menggunakan WordPress tentu saja menggunakan platform blog besutan Google, yak! Blogger. Tujuannya tadi, biar bisa langsung up dan saya bisa fokus di nulis blognya aja.

Namun setelah 1-2 tahun berjalan seiring sibuknya kegiatan di dunia nyata, saya mulai jarang lagi mengunjungi dahboard blogger dan adsense. Dan kini, blog ini hanya terbengkalai. Kini, setelah waktu saya lumayan senggang saya memantapkan diri untuk merenovasi blog ini dengan berpindah platform ke Gatsby.

Kenapa Gatsby.js?

Selain menggunakan blogger, sebelumnya saya juga bermain blog menggunakan Jekyll. Setelah saya mengenal jekyll saya terasa nyaman menggunakan SSG. Maka dari itu saya memantapkan diri untuk migrasi sepenuhnya ke SSG.

Karena pekerjaan dan hobi saya berfokus dalam pemrograman JavaScript, saya tentu mencari SSG yang berjalan diatas Node.js dan menggunakan React, disitulah saya bertemu dengan Gatsby.js. Saya mulai mencoba Gatsby, dan wow! saya kagum dengan kecepatannya. Maka dari itu saya pada saat ini sangat percaya diri untuk berpindah ke Gatsby.

Proses migrasi

Sebenarnya cukup mudah untuk melakukan migrasi keseluruhan artikel dari blogger ke gatsby. Saya menggunakan tools jekyll-import untuk merubah seluruh post di blogger menjadi format markdown.

Stepnya cukup sederhana, kurang lebih sebagai berikut

• Buka dahboard blogger, masuk ke menu Settings -> Other.
• Klik bagian Import Content. Lalu download file XML tersebut.

• Kemudian ketikan perintah berikut ini di terminal

  $ gem install bundler jekyll

  $ ruby -r rubygems -e 'require "jekyll-import";
  JekyllImport::Importers::Blogger.run({
    "source"                => "/path/to/blog-MM-DD-YYYY.xml",
    "no-blogger-info"       => false, # not to leave blogger-URL info (id and old URL) in the front matter
    "replace-internal-link" => false, # replace internal links using the post_url liquid tag.
  })'

  Value source isikan direktori dari file XML hasil export tadi.

Dan selesai! seluruh konten artikel dari blogger telah tergenerate ke dalam format html, kemudian tinggal kita convert saya ke markdown, cukup mudah.

Setelah keseluruhan artikel menjadi markdown, tentu yang saya lakukan ada memilah artikel. Banyak artikel "sampah" yang saya tulis beberapa tahun silam. Kebanyakan tidak layak untuk saya cantumkan ke dalam blog ini lagi setelah melakukan migrasi 👋

Tampilan ketika masih menggunakan blogger.

Tampilan sesudah saya migrasikan ke gatsby, lebih segar dan bersih. Bebas dari iklan adsense 😜