Membuat BLOG JAMSTACK dengan Framework GATSBYJS PART 3
August 11, 2020Muhammad Syukri
NOTE: Tutorial GatsbyJs Part 3, melanjutkan catatan saya sebagai dokumentasi belajar GatsbyJs.
Langkah-langkah build file gatsbyjs ke github.com
-
Masuk ke folder dokumen gatsbyjs anda, misalnya
$cd personal-blog
-
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