Ở bài trước, mình đã "khoe" sương sương về giao diện mới toanh của hệ thống K-Hub Mastery.
Hôm nay, như đã hứa, mình sẽ bóc tách câu chuyện "Bếp núc" đằng sau quyết định có phần liều lĩnh này: Tại sao đang yên đang lành dùng WordPress, mình lại quyết định đập đi xây lại toàn bộ bằng kiến trúc Headless CMS?
Nếu bạn cũng đang là một BA/PM, hoặc đơn giản là người quản lý nội dung đang phải "vật lộn" với các nền tảng xây sẵn, chắc chắn bạn sẽ thấy bóng dáng mình trong câu chuyện này.
Nỗi Đau Thực Tại (The AS-IS): Khi bạn quá lười để dùng kho Plug-in khổng lồ của platform free - Wordpress
Xuất phát từ viết content dạo chia sẻ chút kinh nghiệm của bản thân, cái máu "Owner" thúc đẩy mình tạo hẳn 1 website cho uy tín để rồi K-Hub Mastery ra đời trên nền tảng Wordpress, nhưng
- Với đủ loại plug-in được ae dev chơi cùng cài cắm cho thỏa nỗi lòng tạo nên bài viết có UI đẹp. Tuy nhiên do việc sử dụng các component UI tùy chỉnh quá tự do của Elementor hay quá đơn giản của Wordpress art là cái cớ để mình không đi viết bài trên đó.
- Giao diện Admin "nồi lẩu thập cẩm" Với kiến trúc cũ (Monolithic - Nguyên khối), mọi thứ từ bài viết blog, thông tin khóa học đến landing page đều bị nhồi nhét vào một trang quản lý duy nhất. Hậu quả cũng lại như cái Plug-in bên trên là mình bỏ hoang website chắc phải được 2~3 năm rồi.
Kỳ vọng về 1 hệ thống Author/ Admin thì nhàn nhưng UI thì phải đẹp Mới (The TO-BE): Cuộc Cách Mạng Headless CMS
Khi cứ bỏ hoang hệ thống mình cũng có chút xót xa cho "đứa con tinh thần", lại với động lực phải làm Portfolio "chuẩn" BA/ 기획자 hơn nên:
• Thiết kế ERD/ Figma: Mình thiết kế lại luồng UX trực quan, tách biệt rõ ràng việc quản lý Thương hiệu (Brands) ra khỏi các trang chung. Chuyển đổi thành một "Centralized Content Hub" (quản lý nội dung tập trung), mọi thứ được module hóa gọn gàng - cũng có output là các file deliverables truyền thống để nộp cùng CV cho cạnh tranh
• Vibe code thành hệ thống thực: chỉ giờ này năm ngoái thôi mình cũng không dám mơ là tự build được hệ thống. Nên mình đã cặm cụi đi viết content dạo tích "vốn" thuê dev code để hiện thực hóa thiết kế của mình. Cứ chuẩn bị vậy thôi chứ ai ngờ đâu năm nay hết Antigravity rồi Claude code.
Nhờ vậy, toàn bộ những phân tích AS-IS / TO-BE, thiết kế Database (ERD), và lên luồng Wireframe trên đây... vốn là "vùng an toàn" quen thuộc của một BA/PM (Product Manager).
Mình đã hiện thực hóa hệ thống nho nhỏ để verify luôn xem dùng AI code thì như thế nào?
Hành trình mình vác bản thiết kế UI, ERD đi "đấm nhau" với AI để bắt nó nhả code Laravel và Next.js như thế nào, và những cú "ngã sấp mặt" mình nhận được sẽ được bật mí trọn vẹn trong bài viết tiếp theo ạ.
Mong các bạn bè gần xa tiếp tục follow cho em có động lực lên bài tiếp ạ
(Anh em trong group có ai đang "chịu đựng" cái admin panel của WordPress giống mình thì inbox ạ, nguyện share phần nào source để ae dựng cho nhanh ạ)
ps: còn 1 lí do cũng to đùng mình đã nói ở bài viết trước thì cũng quan trọng không kém là mình muốn có 1 product thật trong portfolio của mình.
