Membuat BLOG JAMSTACK dengan Framework GATSBYJS PART 3

August 11, 2020
Muhammad Syukri

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
  2. develop local file gatsbyjs anda dengan perintah berikut:

    $gatsby build
  3. Buat repository di github, langkah-langkahnya sudah kita bahas sebelumnya di atas.
  4. Install plugin gh-pages di console atau terminal anda seperti perintah berikut:

    $npm install gh-pages
  5. Edit file gatsby-config.js tambahkan folder sesuai dengan repostory anda di github

    $vi gatsby-config.js
    module.exports = {
    pathPrefix: "/syukrie-blog",
    }
  6. Buat perintah deploy di file package.json

    $vi package.json
    {
    "scripts": {
    "deploy": "gatsby build --prefix=paths && gh-pages -d public"
    }
    }
  7. Lakukan remote terhadap git anda dengan perintah berikut:

    $git remote add origin https://github.com/syukrie77/syukrie-blog.git
  8. Jalankan perintah deploy seperti berikut:

    $npm run deploy