9. Install SSL Menggunakan mkcert

tech

Table of Content

• Introduction
• Download MKCert
• Install
• Implementasi di Nuxt3
• Hasilnya

Introduction

Case gue kali ini menggunakan Instascan di Nuxt3. dan Instascan membutuhkan https atau SSL. Berikut cara install SSL pake mkcert.

Download MKCert

• https://github.com/FiloSottile/mkcert/releases

Install

• Copy file mkcert.exe ke C:\Program Files\mkcert.exe
• Ketik perintah mkcert -install dan mkcert localhost

Maka akan dibuatkan 2 file

1. localhost.pem
2. localhost-key.pem

2 file diatas taruh di project lo (rootnya).

Implementasi di Nuxt3

nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-11-01',
  devtools: { enabled: true },
  devServer: {
    https: {
      key: './localhost-key.pem',
      cert: './localhost.pem',
    },
  },
})

Hasilnya

Lo bisa langsung pakai https. Selamat mencoba…

Date: 21-04-2025