⚡ Rebuild CSS/JS sau khi chỉnh giao diện Laravel Breeze 🛠️

Đây là dấu hiệu của việc Laravel Breeze đang chạy ở chế độ DEV bằng Vite:

<script type="module" src="http://[::1]:5173/@vite/client"></script>
<link rel="stylesheet" href="http://[::1]:5173/resources/css/app.css" />
<script type="module" src="http://[::1]:5173/resources/js/app.js"></script>

[::1]:5173 = Vite dev server localhost.

Khi upload host thật thì server không có chạy:

npm run dev

nên CSS/JS không load 😅

---

✅ Cách fix đúng cho Laravel Breeze Production

🔧 Bước 1: build assets

Ở máy local:

npm install
npm run build

Sau đó Laravel sẽ tạo:

public/build/

gồm:

• css

• js

• manifest.json

---

✅ Bước 2: upload thư mục build

Upload nguyên thư mục:

public/build

lên host.

---

✅ Bước 3: kiểm tra Blade còn dùng @vite

Trong:

resources/views/layouts/guest.blade.php

hoặc:

resources/views/layouts/app.blade.php

phải có:

@vite(['resources/css/app.css', 'resources/js/app.js'])

Laravel tự detect:

• DEV → dùng localhost:5173

• PRODUCTION → dùng /build/assets/...

---

⚠️ Nếu vẫn hiện localhost:5173

Thì thường do thiếu file:

public/hot

File này do npm run dev tạo.

Khi upload host thật phải xóa:

public/hot

hoặc:

rm public/hot

---

✅ Sau khi fix source HTML sẽ thành

<link rel="stylesheet" href="/build/assets/app-xxxx.css">
<script type="module" src="/build/assets/app-xxxx.js"></script>

KHÔNG còn:

http://[::1]:5173

nữa 👍

---

🚀 Checklist deploy Laravel Breeze

🔢	✅ Việc cần làm	📌 Ghi chú
1️⃣	npm install	cài node modules
2️⃣	npm run build	build css/js
3️⃣	upload public/build	cực kỳ quan trọng
4️⃣	xóa public/hot	tránh load localhost
5️⃣	.env → APP_ENV=production	production mode
6️⃣	php artisan optimize	cache config/routes/views

---

✨🤖 Made by AI • Laravel Breeze Rescue Toolkit ⚙️