2 min read

Cara Install Gridsome di Mac Os

Iman Sugirman

Cara Install Gridsome di Mac Os

Cara Menginstall Gridsome di Mac Os, Gridsome adalah static generator yang berbasis VueJs. Dan semakin meramaikan dunia JamStack. Sebelumnya sudah ada Gatsbyjs Sebagai awal mula Static Site yang di bangun dari Front End Framework Reactjs. Static Site adalah solusi untuk membuat blog, front end website, dan lain-lain. Tujuannya agar lebih flexible dan Serverless. Saat ini banyak sekali Static Site yang dibangun dari berbagai bahasa pemrograman. Nah kali ini akan kita bahas tentang membuat Blog atau Static Site menggunakan Platform Language dari VueJs.

Install Nodejs Dulu di Mac

Untuk Menginstall Nodejs pastikan anda sudah menginstall Homebrew, baiklah berikut kita install Homebrew nya, Pertama buka terminal atau iTerm dan masukan perintah :

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Lalu jika sudah terinstall masukan perintah :

brew help

Sekarang saatnya Menginstal Nodejs melalui Homebrew di Mac :

brew install node

Jika semuanya berhasil diinstal maka Anda dapat mengetikkan perintah berikut di terminal untuk memeriksa Node dan NPM versi.

node -v
npm -v

Nah jika berhasil maka akan keluar outputnya :

# Versi Nodejs
v10.15.0

# Versi NPM
6.8.0

Note : Versi diatas adalah versi yang saya gunakan dan saya install di Mac Saya, bisa jadi berbeda versi di Mac anda.

Menginstall Gridsome

Anda bisa menggunakan 2 tipe pilihan untuk menginstall gridsome, yaitu dengan yarn package atau dengan npm, jika belum menginstall yarn pastikan anda menginstall terlebih dahulu :

# Install
brew install yarn

# Upgrade
brew upgrade yarn

Lalu Install Gridsome :

# Jika Menggunakan Yarn
yarn global add @gridsome/cli
# Jika Menggunakan NPM
npm install --global @gridsome/cli

Membuat Project Baru Gridsome

Untuk Membuat Project baru dengan gridsome sangat mudah, saya sarankan anda membuat directory / folder yang khusus untuk Project Gridsome. Biasanya saya buat di folder ~/Gridsome lalu arahan ke folder tersebut. Dan masukan perintah :

gridsome create my-gridsome-site

Jika sudah maka akan ada folder my-gridsome-site dan arahkan ke folder sana di terminal anda.

cd my-gridsome-site

Untuk Mendevelop Gridsome secara live di local maka gunakan perintah :

gridsome develop

Dan akses di Browser anda localhost:8080

Akhirnya selesai juga menginstall dan membuat project dengan Gridsome. Nanti kita akan belajar membuat / membangun Blog / Static Site dengan Gridsome. Berikut dengan cara Deploy Static Site di Netlify atau Cloud Server.