Novice Programmer
Fadhilatur Rochman
May 22, 2020

Migrasi Blog ke GatsbyJS

Logo GatsbyJS

Hi semua!

Sebuah blog sangat penting bagi saya. Beberapa blog yang saya buat menggunakan platform Blogger dan Wordpress, dulu juga pernah buat menggunakan 2 framework php terkenal yaitu Codeigniter dan juga Laravel. Nah, pas banget sekarang sedang di rumah aja karena pandemi corona tak kunjung selesai, saya iseng ubah blog profile saya yang sebelumnya menggunakan CI menjadi GatsbyJS, ya itung-itung sambil belajar. Menurut saya seorang mahasiswa di jurusan Teknik Informatika wajib banget punya minimal 1 website, lebih baik lagi jika punya domain berbayar dan juga hosting tentunya.

Oke di sini mari kita membahas gimana caraku bikin blog pakai si GatsbyJS ini. Mulai dari install GatsbyCLI sampai upload web kita ke hosting cPanel ataupun ke penyedia host gratis.

Install GatsbyJS

Yang pertama pastikan sudah install Node JS atau NPM di PC atau laptop kalian, untuk mengeceknya bisa dengan ketik perintah di bawah di command prompt atau CMD atau terminal di IDE yang kalian pakai:

node -v

Kalau versi Node JS nya muncul artinya sudah terinstall. Selanjutkan kalian bisa ketik perintah di bawah untuk menginstall Gatsby CLI.

npm install gatsby-cli

Setelah proses install berhasil, selanjutnya silahkan buat project Gatsby baru dengan ketik perintah di bawah.

gatsby new belajar-gatsby

belajar-gatsby adalah penamaan folder yang akan dibuat, jadi silahkan ubah sesuai selera kalian.

Setelah instalasi selesai silahkan masuk ke direktori yang telah dibuat, dengan cara manual masuk melalui windows explorer atau langsung ketik perintah di bawah jika kalian masih membuka jendela terminal yang tadi.

cd belajar-gatsby

Setelah masuk ke folder project kalian, langsung saja ketik perintah di bawah untuk menjalankan server Gatsbynya.

gatsby develop

Setelah itu silahkan buka aplikasi browser dan buka alamat http://localhost:8000. Maka akan muncul web dengan tampilan seperti di bawah.

GatsbyJS Develop

Setelah itu kalian bisa melanjutkan dengan mengedit dan mengubah tampilan dan isi sesuai dengan selera kalian masing-masing.

Cara Upload ke Hosting cPanel

Tunggu update selanjutnya :)

Membuat Blog Sederhana dengan GatsbyJS

Tunggu update selanjutnya :)