Cara deploy static website ke ZEIT dengan PowerShell

Tutorial ini akan menunjukkan cara mendeploy static website ke platform ZEIT secara gratis, dengan menggunakan PowerShell milik Windows.

Persiapan

Pastikan hal-hal dibawah ini sudah siap terlebih dulu, sebelum memulai langkah-langkah tutorial pada artikel ini.

  • npm sudah terinstall
  • Terdaftar dan memiliki akun di website ZEIT

Mulai proses deploying

Akses folder data static website lewat PowerShell, lalu ketik perintah berikut ini di terminal.

npm i -g now

Outputnya akan terlihat seperti dibawah ini.

> now@16.7.3 preinstall C:\Users\nama\AppData\Roaming\npm\node_modules\now
> node ./scripts/preinstall.js

C:\Users\nama\AppData\Roaming\npm\now -> C:\Users\nama\AppData\Roaming\npm\node_modules\now\dist\index.js
added 1 package in 10.014s

Selanjutnya untuk mulai melakukan deploy, ketik perintah berikut.

now

Proses pre-deploy akan langsung berjalan, dan setelah selesai akan memunculkan output berupa informasi berikut.

Deploying M:\WEB\mydemostatic under ertomedia
> Using project mydemostatic
> NOTE: Deployed to production. Run `now --prod` to overwrite later (https://zeit.ink/2F).
> Synced 3 files [4s]
> https://mydemostatic-4rs8994h1.now.sh [4s]
> Ready! Deployment complete [6s]
- https://mydemostatic.now.sh
- https://mydemostatic.ertomedia.now.sh [in clipboard]

Static website selanjutnya bisa diakses pada browser, menggunakan URL https://mydemostatic.now.sh

Untuk meng-update live site, setelah dilakukan perubahan, gunakan perintah berikut.

now --prod

Masalah yang sering muncul

about_Execution_Policies

Apabila ExecutionPolicy milik PowerShell belum pernah di konfigurasi sebelumnya, pesan error pada terminal dibawah ini, pasti akan muncul sesaat ketika menjalankan perintah now.

now : File C:\Users\nama\AppData\Roaming\npm\now.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at  
https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1
+ now
+ ~~~
    + CategoryInfo          : SecurityError: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

Maka yang harus dilakukan adalah, ketik perintah berikut ini secara berurutan.

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
Get-ExecutionPolicy -List

Output yang diharapkan akan terlihat seperti dibawah ini.

        Scope ExecutionPolicy
        ----- ---------------
MachinePolicy       Undefined
      Process       Undefined
  CurrentUser    RemoteSigned
 LocalMachine       Undefined

No existing credentials found

Dalam kasus pertama kali menggunakan PowerShell atau belum melakukan aktifitas deploy, akan muncul pesan error No existing credentials found yang mengharuskan untuk login supaya dapat melanjutkan proses deploying.

> No existing credentials found. Please log in:

Silahkan cek email dengan subject ZEIT Login Verification yang digunakan saat mendaftar di website ZEIT, dan klik link Verify. Jika berhasil terverifikasi dan login, pada terminal PowerShell akan muncul output seperti berikut ini.

√ Email confirmed
> Congratulations! You are now logged in. In order to deploy something, run `now`.
Leave a Reply