Gratis Saldo $50 Cloud Server

Harga Cloud Server Cuma $5/bulan

Daftar Sekarang

2 min read

Deploy Gridsome Dengan Firebase Google

Iman Sugirman

Deploy Gridsome Dengan Firebase Google, Ada banyak berbagai cara Deploy Gridsome ke berbagai Provider Static Hosting, contohnya saja Github Page, dengan Github Page anda bisa mendeploy Gridsome dengan mudah menggunakan Git, Beberapa Rekomendasi Static Hosting yang bagus untuk Gridsome adalah :

Netlify

Netlify adalah salah satu Provider terbaik untuk Hosting Gridsome dan sudah terintegrasi dengan AWS provider untuk CDN ( Cloudfront ) dari AWS. Kecepatannya juga tidak diragukan lagi, Banyak perusahaan besar menggunakan Netlify.

Netlify menggunakan 2 cara untuk Deployment Gridsome, salah satunya dengan integrasi ke Github, Gitlab dan Git Provider lainnya. dan bisa automatic Deployment CI ( Continues Integration ).

Di Netlify bisa juga menggunakan Direct Deployment. dengan menggunakan Netlify CLI

Heroku

Heroku juga menjadi salah satu Static Hosting yang favorit untuk para Web Developer, heroku termasuk provider cloud hosting PAAS yang mudah untuk Deployment. Beberapa Benefit yang akan kamu dapatkan adalah bisa menggunakan pipeline, stagging, dan masih banyak integrasi lainnya termasuk Docker Container

Firebase Google

Untuk Deploy ke Firebase agak sedikit unik, tetapi bisa direct langsung deploy dari local tanpa harus via Github. Berikut cara Deploy Gridsome ke Firebase Google.

Install Firebase CLI :

Menginstall Nodejs, dengan Nodejs bisa menginstallnya langsung dengan cara :

npm install -g firebase-tools

Jika Nodejs belum terinstall di Mac anda, bisa menginstallnya terlebih dahulu dengan cara mengikuti Tutorial Install Nodejs di Mac

Lalu Arahkan posisi cli ke project anda, contoh jika saya membangun project Gridsome diatur di Folder ini :

/Users/nakamuraagatha/Gridsome/master

dan ketikkan Command :

firebase init

Dan tentukan Project di Google, bisa juga dibuat dulu project di firebase lalu pilih existing project. Atau bisa juga pilih buat baru projectnya.

Jika sudah dibuat lalu di hubungkan. Maka akan membuat file firebase.json dan isi formatnya :

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Dan akan buat otomatis juga filenya bernama .firebaserc, Dan sekarang kita akan men-generate dist folder sebagai html dengan cara memasukan perintah :

gridsome build

Jika sudah menggenerate html file. Maka masukan perintah :

firebase deploy

Demikian artikel Tutorial Deploy Gridsome Dengan Firebase Google, jika ada perubahan dari Core Gridsome atau perubahan dari Google Firebase. Maka itu akan menjadi progress dari tutorial ini. Saat ini saya menggunakan Gridsome 0.6.5

Subscribe Tutorial Gratis

Dapatkan informasi Update terbaru dari Blog saya. Akan dikirim setiap 2 minggu sekali. Tanpa Spam, Tanpa Jibjab