Deploy Vue on netlify - playmakermz/warkop-website GitHub Wiki

Deploy Vue and vite on netlify

Adalah tempat hosting untukk Vue.

tahap pengerjaan:

  1. Buat akun Netlify
  2. ikuti prosedur yang ada untuk membuat project berdasarkan repositori kita yang ada pada github
  3. pilih repository vue yang anda inginkan
  4. konfigurasi beberapa file pada project vue kalian
// Ini Komentar
// vite.config.js

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  plugins: [vue()],
  base: "/",
});

// Ini Komentar
// netlify.toml

[build]
  command = "npm run build"
  publish = "dist"

[redirects](/playmakermz/warkop-website/wiki/redirects)
  from = "/*"
  to = "/index.html"
  status = 200

// Ini Komentar
// Tambahkan attribute yang belum ada ke file package.json
// package.json

 "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d dist"
  },
  1. Konfigurasi "Project Configuration" agar sesuai ini image
  2. Atur Repo pada Netlif image

Referensei