ดีพลอยแอป Vite ของคุณ
Vite is the build tool, not the framework — vanilla JS, React, Vue, Svelte, Preact, whatever you picked when you ran npm create vite. Every official template builds the same way and lands in the same folder.
- 01
Build the project
Run "npm run build". This runs "vite build" under the hood, bundling and minifying into static files.
- 02
Check the output folder
Vite writes to "dist" by default across every official template. If your vite.config sets build.outDir to something else, use that folder instead.
- 03
ดีพลอยมัน
รัน "npx harvis deploy dist" จาก root ของโปรเจกต์คุณ ไม่ต้องตั้งค่าและไม่ต้องล็อกอินสำหรับการดีพลอยครั้งแรกนี้ — คุณจะได้ URL ใช้งานจริงทันที พร้อมลิงก์ claim ส่วนตัวเพื่อผูกไซต์เข้ากับบัญชีฟรีเมื่อคุณพร้อม
ดีพลอย Vite ด้วยคำสั่งเดียว
Build โปรเจกต์ของคุณ แล้วส่งโฟลเดอร์ output ให้ harvis ไม่ต้องมีบัญชีสำหรับการดีพลอยครั้งแรก — คุณจะได้ลิงก์ใช้งานจริงและลิงก์ claim ส่วนตัวเพื่อจัดการภายหลัง
npm run build npx harvis deploy dist
อยากลากไฟล์แทนเทอร์มินัลไหม? Build โปรเจกต์แล้ว วางโฟลเดอร์ output ที่นี่ แล้วเผยแพร่แบบเดียวกัน
คำถามเกี่ยวกับการดีพลอย Vite
Does it matter which Vite template I used?
Not to the deploy step. Vanilla, React, Vue, Svelte, Lit, Preact — they all end up as static files in dist. What changes between templates is what happens in your app; the hosting side is identical.
I have a multi-page Vite app (multiple entry HTML files). Does that work?
Yes. Vite's build.rollupOptions.input support for multiple entrypoints just produces more HTML files in dist, each one a normal page here — visit /about.html or whatever your entry files are named.
การดีพลอยแอป Vite ไปยัง harvis ฟรีจริงไหม?
ใช่ ไม่ต้องใช้บัตรเครดิต ขีดจำกัดฟรีคือ 500 ไฟล์และ 50 MB ต่อไซต์ ซึ่งเพียงพอมากสำหรับ static build ของ Vite ไซต์ที่เผยแพร่แล้วไม่มีวันหมดอายุ — จะออนไลน์อยู่จนกว่าคุณจะลบมัน
ฉันใช้โดเมนของตัวเองกับไซต์ Vite ที่ดีพลอยแล้วได้ไหม?
ทุกไซต์จะได้ที่อยู่ harvis.dev ฟรี และคุณเลือก subdomain ของตัวเองจากแดชบอร์ดได้หลังจาก claim — my-app.harvis.dev แทนที่จะเป็นชื่อสุ่ม การชี้โดเมนที่คุณเป็นเจ้าของอยู่แล้ว (เช่น mystore.com) มาที่ไซต์ยังไม่รองรับในตอนนี้
สิ่งนี้ต่างจากการดีพลอย Vite ไปยัง Vercel หรือ Netlify อย่างไร?
Vercel และ Netlify สร้างขึ้นรอบการเชื่อมต่อ Git repo แล้วรัน build บนเซิร์ฟเวอร์ของพวกเขา พร้อมแดชบอร์ดสำหรับตั้งค่า harvis ข้ามขั้นตอนเหล่านั้นทั้งหมด: คุณ build ในเครื่อง (หรือใน CI ของคุณเอง) รันคำสั่ง CLI เดียวกับโฟลเดอร์ output แล้วได้ลิงก์กลับมา — ไม่ต้องตั้งค่าโปรเจกต์ และไม่ต้องมีบัญชีจนกว่าคุณจะอยากเก็บไซต์ไว้
กำลังดีพลอยอย่างอื่นอยู่?
สูตรเดียวกันทุกที่ — build แล้ว npx harvis deploy โฟลเดอร์ output