KỂ CHUYỆN VIBE - 14 Ngày Xây Dựng Một Blog

Day 1

Bữa tự nhiên không ngủ được.

Một ý tưởng cứ văng vào đầu: Tự học code …vui vl

Không có đồng đội ngoài ông nội Claude Code và mấy video YouTube 😅

Vậy là tôi quyết định xây một trang web nhỏ (thực ra chỉ là blog cá nhân đơn giản). Chỉ để kể: các bạn đồng VIBE không cô đơn.

Coming soon…

Day 2 - Đang nghiên cứu tech stack…

Tự học thì nói chung phải chấp nhận cái việc lộn xộn thôi, nhưng mà tôi thích, không bị thúc ép hay phải đạt được chứng nhận. Nếu kiến thức giải quyết được nhu cầu công việc hay cá nhân lại càng hay.

Như thời ChatGPT mới ra, tôi cũng hay nhờ nó code mấy cái Apps Script để quản lý file nhạc công ty trên Google Drive.

Ngồi ghi 100 cái ghi chú rồi canvas ý tưởng này nọ trong Obsidian. Thêm đống bookmark trong điện thoại.

Do cũng hay đọc Substack của mấy cao thủ BUILDER, nên tôi chợt nghĩ đến blog cá nhân. Chà, cái này thì được, để lưu trữ những gì tôi đã viết trên Facebook cũi hay hay.

Vậy thì… tự build một cái.

Day 3 - Chọn tech stack hết nửa ngày

Không phải vì khó - mà vì thích nghiên cứu.

Tôi chọn Astro vì nó không tải mấy cái JavaScript thừa thải.

Blog thì cần gì đâu ngoài cái việc người dùng cần đọc cho nhanh thôi. Astro làm đúng cái chuyện này.

Tech Stack

Astro - SSG (nhanh)
Tailwind v4 - nền tối
TypeScript - strict mode

Tại sao tôi không dùng WordPress?

Vì tôi là VIBE-CODER. Phải tự build nó mới…chất.

Day 3: Setup xong rồi. Đêm nay code.

Day 4

Tối qua tôi ngồi VIBE đến 2h sáng.

Cuối cùng cái Dev server nó cũng chạy. Tạm thời demo trước phần About thôi.

Chỉ biết là… nền tối cho dễ coi, font chữ tối giản.

Steve Krug nói: “lướt web chứ không phải học toán, đừng bắt người phải suy nghĩ”

→ Đơn giản = đẹp.

Day 4: Đang làm trang Home dang dở. Tiếp tục cày cuốc.

Day 5 - Nâng cấp Feature đầu tiên: chức năng SEARCH

Ủa sao nghe đơn giản vậy, nhưng mà thử nghĩ nha.

Nếu có từ năm chục bài viết trên blog trở lên, và muốn tìm lại một cái bài về “Bloom’s Taxonomy” hồi trước. Xài Ctrl+F à? Không có đủ đâu.

Nên trao đổi một hồi với mấy ông trong series Saas Team, tôi quyết định chọn Pagefind

Nó tự quét hết nội dung lúc build
Khi bạn gõ tìm kiếm, nó chạy ngay trên trình duyệt
Không gọi server, không chờ đợi
Gõ tới đâu, kết quả hiện tới đó

Day 5: Test xong phát. Gõ search thử chạy nhanh rẹt rẹt ta nói nó sướng gì đâu.

Day 6 - Test thử tốc độ tải trang

Kết quả:

Tạo xong 14 trang trong 2 giây
Google chấm điểm hiệu năng: 95/100
Mở trang trên điện thoại: dưới 2 giây

Tại sao phải ưu tiên cái này?

Anh Google dùng thang điểm này để xếp hạng tìm kiếm trang web. Trang chậm, Google đẩy xuống, ít ai thấy.

Nghiên cứu chỉ ra: nếu quá 3 giây, 53% người dùng sẽ thoát trang (hoặc app). Cứ nhớ mấy cái quảng cáo tự nhiên hiện lên khi lướt phở bò là hiểu.

Não người ghét chờ đợi. Đặc biệt trên điện thoại, mạng 4G chập chờn.

Tôi muốn tối ưu từ đầu vì không thích việc bug chồng bug. Để sau mới sửa, phải bới cả đống ra. Làm đúng từ đầu thì ngủ ngon. Mấy ông real-coder hay gọi cái này là over-engineering, haha

Day 6: Nhanh rồi. Giờ yên tâm đi ngủ, tranh thủ lướt trang của mình trên điện thoại xíu…

Day 7 - Gặp con bug đầu tiên

Nay bị dính một lỗi là ảnh thumbnail không hiện.

Ngồi tìm nguyên nhân mất bà nó 30 phút.

Sửa xong.

Nhưng không quan trọng sửa cái gì. Quan trọng là bạn phải ghi lại.

Hoặc yêu cầu Claude Code viết vào file Troubleshooting_Tips.md. Mẹo này trong một bài tôi cũng đã từng nói.

Dân code có một tình huống kinh điển:

“Tao hôm nay nhìn code hiểu rõ ràng, hai tuần sau đọc lại như của thằng nào viết.”

Não người không đáng tin như mình tưởng.

Ghi lại một phút, tiết kiệm một tiếng sau này.

Day 7: Một lỗi xong. Còn chín mươi chín lỗi nữa.

Day 8

Một tuần rồi. 7 ngày code.

Có một thứ tôi nhận ra:

Tự học code giống tập đàn guitar.

Ngày đầu bấm hợp âm, đau tay, muốn bỏ
Tuần đầu code, đọc lỗi đỏ lòm, muốn đập máy
Nhưng rồi một ngày, ngón tay tự biết chỗ
Một ngày, đọc lỗi mà hiểu nó đang nói gì

Không có đường tắt.

Chỉ có ngồi xuống, làm tiếp.

Day 8: Còn 6 ngày nữa

Day 9

2010: Bắt đầu học nhạc viện và chơi guitar.

2020: Vì lý do cá nhân, tôi nghỉ chơi nhạc và chuyển sang làm music producer.

2022: ChatGPT ra đời. Bắt đầu nhờ AI nó viết mấy script chạy trên Google Apps để quản lý file nhạc cho khách hàng cũng như cho doanh nghiệp tôi đang làm việc.

2025: Tự build automation cho công ty bằng n8n.

Bốn lần thay đổi trong 10 năm.

Mỗi lần đều sợ.

Mỗi lần đều không biết có làm được không.

Nhưng thay đổi thì vẫn sống.

Đứng yên mới mệt.

Day 10

Hôm nay làm một việc nhỏ cho Blog nhưng lại có tác động lớn đến người dùng: đổi định dạng ảnh.

Ảnh cũ: PNG → 1.2MB
Ảnh mới: WebP → 350KB

Dung lượng giảm 70%.

PNG vs WebP

PNG thì ai cũng biết, ra đời từ 1996. Giữ nguyên chất lượng, nhưng nặng.

WebP thì Google mới tạo ra năm 2010. Nén thông minh hơn, nhẹ hơn, mà mắt nhìn không khác mấy.

Tại sao phải tối ưu?

Một bài có 5 ảnh PNG = 6MB
Mạng 4G chập chờn = chờ cả chục giây
Đổi sang WebP = dưới 2 giây

Người đọc không biết bạn làm gì, họ không cần biết, không quan tâm.

Họ chỉ thấy: mở nhanh thì đọc, chậm thì tắt.

Day 10: Còn 4 ngày nữa.

Day 11 - Còn 96 giờ nữa

Nói thật lòng là blog này tôi làm cho bản thân trước.

Viết trên phở bò thì bài hay bài dở là do…duyên số.

Viết trên đất anh đầu xoăn, luật chơi là do ảnh đặt.

Blog là nhà của mình.

Bài mình viết, mình giữ
Không ai giấu, không ai xóa
Có người đọc thì vui
Không có cũng không sao

Một năm nữa tôi có thể quên hết mình học được gì, blog vẫn còn.

Ai đó đang mò cách build Astro, tình cờ đọc được, đỡ mất 30 phút.

Vì mục đích đầu tiên là: ghi lại cho mình.

Day 11: Còn 4 ngày nữa. Mà công nhận viết About page khó thiệt chứ, vì bạn không thể chỉ có VIBE, mà phải viết câu chuyện thật từ bản thân.

Day 12

48 giờ nữa.

12 ngày.

4 tính năng chính cho một cái blog đơn giản.

Không một thứ thừa thải.

Tất cả trong một.

Day 12: Xong 95% rồi. Còn mỗi nút bấm cuối cùng.

Day 13

Ngày mai 9h sáng, link mình sẽ để trên trang.

Cảm ơn các bạn đã theo dõi Code AI.

Hẹn gặp lại ngày mai

Day 14

14 ngày.

1 blog.

Xong.

Chỗ ghi lại những gì mình học.

Có người đọc thì vui
Không có cũng không sao

codeai.zone

Day 14: Cầm vé vào cổng thôi. Cảm ơn các bạn đã theo dõi hành trình!

Hành trình 14 ngày tạo nên Code AI Blog