Nuxt ke Vercel 배포

Mengalami masalah ketika 배포 Nuxt JS ke Vercel? 그래요. Berikut ini cara saya는 Nuxt JS ke Vercel을 배포합니다. Cara ini masih jalan pada 2022년 2월 1일. Mungkin di masa depan cara deploy aplikasi Nuxt di Vercel akan berubah dan cara ini sudah tidak bisa dipakai lagi.

1. Bikin 파일 Bernama vercel.json 디 루트 프로젝트

Ini isi 코드 다리 파일 vercel.json:

{
  "version": 2,
  "builds": [
    {
      "src": "nuxt.config.js",
      "use": "@nuxtjs/vercel-builder"
    }
  ]
}

2. 로그인 di Vercel, lalu klik New Project

Setelah 로그인, maka kamu akan diarahkan ke semacam 할라만 대시보드. klik tombol New Project untuk bikin project baru.

3. 프로젝트 다리 Git 저장소 가져오기

Cari project-mu dan klik Import. Menurut saya ini adalah cara paling mudah untuk import project kita.

4. 프로젝트 구성

Vercel bisa otomatis mendeteksi teknologi/framework apa yang kita gunakan di FRAMEWORK PRESET. 프로젝트 구성, 빌드 및 출력 설정을 클릭하십시오.

5. 빌드 및 개발 설정

Ganti OUTPUT DIRECTORY jadi .nuxt/dist dengan cara
klik OVERRIDE di sebelah kanan.

6. Jika kamu lebih suka 털실

Kalau kamu lebih suka pakai 원사, ubah jadi seperti ini. 저장을 클릭하세요. Tunggu saja, nanti aplikasimu dapat diakses melalui URL yang tersedia. Biasanya butuh waktu cepat atau 팔링 라마 24 잼.

7. 세키안

secara gratis di Vercel bermanfaat buat testing aplikasi kita atau sekedar pengen nunjukkin ke client mengenai tampilan/UI 웹사이트 yang udah jadi 배포.


테리마카시 수다 멤바카.