Membuat BLOG JAMSTACK dengan Framework GATSBYJS PART 3

NOTE: Tutorial GatsbyJs Part 3, melanjutkan catatan saya sebagai dokumentasi belajar GatsbyJs.

Langkah-langkah build file gatsbyjs ke github.com

  1. Masuk ke folder dokumen gatsbyjs anda, misalnya
$cd personal-blog
  1. develop local file gatsbyjs anda dengan perintah berikut:
$gatsby build
  • Buat repository di github, langkah-langkahnya sudah kita bahas sebelumnya di atas.
  • Install plugin gh-pages di console atau terminal anda seperti perintah berikut:
$npm install gh-pages
  • Edit file gatsby-config.js tambahkan folder sesuai dengan repostory anda di github
$vi gatsby-config.js
module.exports = {
  pathPrefix: "/syukrie-blog",
}
  • Buat perintah deploy di file package.json
$vi package.json
{
  "scripts": {
    "deploy": "gatsby build --prefix=paths && gh-pages -d public"
  }
}
  • Lakukan remote terhadap git anda dengan perintah berikut:
$git remote add origin https://github.com/syukrie77/syukrie-blog.git
  • Jalankan perintah deploy seperti berikut:
$npm run deploy