Langkah terakhir dari tutorial membuat ulang aplikasi DinoTes adalah deploy. Proses deployment akan menggunakan fitur deploy dari AWS Amplify.

Tetapi sebelum itu mari kita lihat versi akhir dari aplikasi DinoTes yang dibangun diatas Next.js + AWS Amplify

Step by step

Cara deploy aplikasi Next.js di AWS Amplify bisa dibilang sangat mudah.

Pada terminal jalankan perintah berikut:

Copy
1amplify add hosting

Jawab beberapa pertanyaan yang muncul.

Copy
1? Select the plugin module to execute Hosting with Amplify Console (Managed hosting with custom domains, Continuous deployment)
2? Choose a type Continuous deployment (Git-based deployments)
3? Continuous deployment is configured in the Amplify Console. Please hit enter once you connect your repository

Selanjutnya kita akan diarahkan ke AWS Amplify console.

Klik tab Front End Development, kemudian pilih GitHub.

Sebelum melanjutkan pastikan project sudah di push ke GitHub Repository.

Pilih repository yang ingin di deploy.

Pada bagian Configure Build Settings, AWS Amplify akan mendeteksi framework yang kita gunakan, sehingga kita tinggal click Next.

Tetapi jika kita belum memiliki Service Role yang akan kita gunakan maka kita harus membuatnya terlebih dahulu.

Service Role ini digunakan oleh AWS Amplify untuk mengakses resource yang dimiliki oleh sebuah akun AWS.

Selanjutnya adalah klik Save & Deploy.

Proses deploy pada AWS Amplify.

Setelah proses deploy selesai kita bisa akses aplikasi DinoTes menggunakan link yang sudah disediakan oleh AWS Amplify.

Common Error

Jika proses build gagal dengan informasi file aws-export tidak ditemukan, maka lakukan langkah berikut:

• Di dalam root folder project DinoTes, buat sebuah file dengan nama amplify.yml dengan isi atau konten seperti ini

Copy
1version: 1
2env:
3  variables:
4      key: value
5backend:
6  phases:
7    build:
8      commands:
9        - amplifyPush --simple
10frontend:
11  phases:
12    preBuild:
13      commands:
14        - yarn install
15    build:
16      commands:
17        - yarn run build
18  artifacts:
19    baseDirectory: .next
20    files:
21      - '**/*'
22  cache:
23    paths:
24      - node_modules/**/*

• Kemudian commit dan push ke GitHub

Continuous Deployment

Salah satu kelebihan deploy aplikasi menggunakan AWS Amplify adalah terdapat opsi Continuous Deployment, dimana AWS Amplify akan melakukan proses deployment secara otomatis untuk setiap commit yang di push ke repository.