16 tháng 7, 2026
10 phút đọc
Codemap: Bản Đồ Codebase Cho AI Coding Agent
Mỗi session AI agent mới lại grep repo từ số 0. Một bản đồ codebase generate tự động cộng file patterns giảm 58% tool call — số liệu benchmark thật.
[ Blog ]
VI / EN
Ghi chép về creative development, nền tảng web, và cách xây giao diện nhanh, khác biệt.
16 tháng 7, 2026
10 phút đọc
Mỗi session AI agent mới lại grep repo từ số 0. Một bản đồ codebase generate tự động cộng file patterns giảm 58% tool call — số liệu benchmark thật.
14 tháng 7, 2026
12 phút đọc
Page transition Next.js vỡ vì redirect? App Router commit route redirect trước — một trang rỗng. Đây là nguyên nhân gốc và cách sửa triệt để, không vá tạm.
11 tháng 7, 2026
11 phút đọc
So sánh headless CMS Sanity, Prismic, Strapi và WordPress — trải nghiệm dev, hosting, chi phí và UX cho biên tập, kèm gợi ý chọn cái nào cho từng dự án.
11 tháng 7, 2026
11 phút đọc
Xây website Next.js với Sanity đúng chuẩn production: schema page-builder, query GROQ, ảnh CMS, SEO metadata và revalidation theo tag — kèm code thật và các cạm bẫy.
11 tháng 7, 2026
11 phút đọc
Vì sao database Neon hết giới hạn dù site ít traffic? Nguyên nhân là compute-hours chứ không phải lượt truy cập — sửa bằng cache read và chuyển write sang Redis.
11 tháng 7, 2026
11 phút đọc
Nền WebGL Next.js chạy ngon lúc tải trang và khi điều hướng Link, nhưng trắng xóa sau khi bấm nút Back? Đây là nguyên nhân popstate và cách rebuild scene R3F.
11 tháng 7, 2026
9 phút đọc
Lập trình viên fullstack creative làm trọn cả build — vừa motion/WebGL, vừa CMS, API, database và auth phía sau. Một đối tác cho toàn bộ dự án, không chỉ giao diện.
10 tháng 7, 2026
7 phút đọc
Một developer cho branding studio kể về cộng tác với SERIOUS.BUSINESS — studio branding B2B ở Munich, được đề cử Awwwards Agency of the Year — và vai trò dev đứng sau bản build Iventions đạt giải.
10 tháng 7, 2026
7 phút đọc
Website thương hiệu cao cấp biến buổi ra mắt sản phẩm thời trang thành một sự kiện — microsite WebGL, GSAP, Next.js chuyển ham muốn thành đơn pre-order.
10 tháng 7, 2026
8 phút đọc
Case study thiết kế website fintech — cách một creative developer dựng landing page fintech và web3 đáng tin, nhiều chuyển động bằng Next.js, GSAP và WebGL mà vẫn chuyển đổi tốt.
10 tháng 7, 2026
8 phút đọc
Case study thiết kế website SaaS — cách một creative developer dựng website marketing SaaS nhanh, chuyển đổi cao bằng Next.js, GSAP và một chút WebGL để nổi bật.
10 tháng 7, 2026
8 phút đọc
Cách tôi làm microsite ra mắt sản phẩm biến buổi reveal thành một sự kiện — WebGL, GSAP & Next.js từ một creative developer đạt giải, chịu tải giờ G và chốt pre-order.
10 tháng 7, 2026
10 phút đọc
Những ví dụ website WebGL thực sự đoạt giải — các site Three.js thật được một creative developer bóc tách, kỹ thuật đằng sau, và khi nào nên làm một website WebGL.
10 tháng 7, 2026
8 phút đọc
Thiết kế website bảo tàng khiến bộ sưu tập sống động trên mạng — cách một creative developer đạt giải dựng trải nghiệm triển lãm số bằng WebGL, GSAP & Next.js.
10 tháng 7, 2026
8 phút đọc
Cách outsource Three.js đúng bài — NDA, quyền repo, nhịp giao tiếp, staging, hóa đơn và bàn giao. Cẩm nang vận hành white-label cho agency.
10 tháng 7, 2026
8 phút đọc
Checklist quyết định cho studio thiết kế khi chọn đối tác kỹ thuật — dấu hiệu bạn cần một người, các red flag cần tránh, và câu hỏi để soi một dev WebGL.
10 tháng 7, 2026
8 phút đọc
White-label WebGL cho agency — ship 3D và shader đẳng cấp Awwwards dưới thương hiệu của bạn, có năng lực của chuyên gia senior mà không cần tuyển in-house.
10 tháng 7, 2026
8 phút đọc
Creative developer mà các designer và studio đạt giải tin tưởng để build website — danh sách các dự án hợp tác thật, vai trò dev ở mỗi dự án, và giải thưởng chúng đạt được.
10 tháng 7, 2026
8 phút đọc
Một dev GSAP cho studio mổ xẻ dự án Mark Woodland cùng Uncommon Studio — phần front-end, xử lý video, dựng server và deploy đứng sau website của một founder.
10 tháng 7, 2026
7 phút đọc
Một dev làm website cho designer mổ xẻ dự án Hoàng Moe — cách một trang cá nhân của designer có UX đọc, hệ theme và motion, được engineer ở độ trung thực tối đa.
10 tháng 7, 2026
8 phút đọc
Case study website 3D bất động sản — cách một creative developer dựng website visualization kiến trúc tương tác bằng Three.js, Next.js và GSAP để người mua khám phá dự án trước khi xây.
10 tháng 7, 2026
8 phút đọc
Case study thiết kế website edtech — dựng landing page khóa học online & e-learning chuyển đổi cao với Next.js, GSAP và preview bài học tương tác.
10 tháng 7, 2026
7 phút đọc
Case study website car configurator — cách một creative developer dựng cấu hình xe 3D thời gian thực bằng Three.js, React Three Fiber và Next.js mà vẫn nhanh trên mọi thiết bị.
10 tháng 7, 2026
8 phút đọc
Thiết kế website âm nhạc biến một bản nhạc thành trải nghiệm — website audio-reactive WebGL & GSAP cho nghệ sĩ, album, sự kiện mà fan sẽ nhớ mãi.
10 tháng 7, 2026
11 phút đọc
Chi phí làm 3D product configurator (cấu hình sản phẩm 3D) hết bao nhiêu năm 2026? Creative developer bóc tách mức giá thật, tự build hay mua SaaS, và điều gì đẩy ngân sách lên.
10 tháng 7, 2026
8 phút đọc
Case study thiết kế website du lịch — dựng trải nghiệm tourism immersive với Next.js, GSAP và WebGL khiến người xem "cảm" được điểm đến và đặt tour.
10 tháng 7, 2026
8 phút đọc
Thiết kế website nhà hàng, khách sạn immersive bằng WebGL, GSAP, Next.js — làm thực khách "thèm", tải nhanh trên điện thoại và biến cảm xúc thành lượt đặt bàn.
10 tháng 7, 2026
9 phút đọc
Case study thiết kế website thương hiệu wellness, chăm sóc sức khỏe & làm đẹp — chuyển động êm dịu, chuẩn accessibility, ảnh sắc nét với Next.js, GSAP và WebGL.
10 tháng 7, 2026
8 phút đọc
Một dev WebGL cho designer kể về mối cộng tác lặp lại với giám khảo Awwwards Huy Phan — cách các thiết kế đạt giải của anh được build bằng GSAP, Three.js và Next.js ở độ trung thực tối đa.
10 tháng 7, 2026
7 phút đọc
Một developer làm website cho công ty Hà Lan kể về dự án Hylix — một góc nhìn thẳng thắn về front-end và deploy cho một công ty Hà Lan, và cách làm dự án châu Âu từ xa.
9 tháng 7, 2026
12 phút đọc
Vì sao Next.js cứ gọi CMS ở mọi request? Cách sửa tận gốc fetch không cache, route force-dynamic gọi lại liên tục, và hóa đơn CMS tăng vọt bất thường.
9 tháng 7, 2026
10 phút đọc
Video scrub theo scroll bị giật, mỗi giây mới nhảy một khung hình? Đây là cách sửa tận gốc — encode all-intra bằng ffmpeg để scrub GSAP mượt từng frame.
9 tháng 7, 2026
12 phút đọc
PageSpeed Insights API luôn báo lỗi 429? Đây là cách lấy điểm Lighthouse trước/sau chính xác, có thể kiểm chứng, cho một buổi pitch redesign.
9 tháng 7, 2026
9 phút đọc
Gặp lỗi "Operation not permitted" khi chạy ffmpeg trên file trong Downloads macOS? Không phải lỗi cài đặt — đó là TCC chặn app terminal. Đây là cách sửa thật.
9 tháng 7, 2026
11 phút đọc
Hiệu ứng halftone dot grid ảnh bị mờ, nhạt màu? Cách sửa tận gốc — pre-mask nền vào alpha và nâng midtone trước khi map tone ra kích thước dot.
8 tháng 7, 2026
11 phút đọc
Cách dựng website thương hiệu biến đổi cho fromanother — ánh sáng làm ẩn dụ chủ đạo, video-layering thay vì shader, và phần craft được Awwwards chọn làm case study.
8 tháng 7, 2026
9 phút đọc
Website immersive tương tác thực sự cần gì — công nghệ (GSAP, WebGL, Three.js), quy trình, thời gian, chi phí, và cách thuê dev làm được mà vẫn nhanh.
1 tháng 7, 2026
8 phút đọc
Case study website agency sáng tạo đoạt giải — cách dựng fromanother.love bằng Next.js, GSAP, WebGL và Prismic, đạt FWA of the Day cùng Awwwards Site of the Day & Developer Award.
1 tháng 7, 2026
12 phút đọc
Hướng dẫn học GLSL shader cho người mới — vertex shader vs fragment shader, uniform, attribute, varying, hệ tọa độ và một ví dụ thực tế dán thẳng vào three.js.
29 tháng 6, 2026
9 phút đọc
Chi phí của một website chậm không nằm ở hóa đơn hosting, mà ở những khách hàng rời đi trước khi chuyển đổi. Đây là cách tốc độ website tạo ra doanh thu, kèm số liệu.
27 tháng 6, 2026
6 phút đọc
Mat Voyce được GreenSock đề cử GSAP Site of the Year — một website thiên về chuyển động bọn mình dựng bằng GSAP, Next.js và Strapi. Đề cử này nghĩa là gì và cách xem trang trực tiếp.
27 tháng 6, 2026
11 phút đọc
Khi khách hàng không thanh toán thì làm gì, và cách thiết lập hợp đồng freelance, đặt cọc, thanh toán theo mốc để chuyện quỵt tiền gần như không xảy ra.
27 tháng 6, 2026
10 phút đọc
Tối ưu Core Web Vitals cho web nhiều chuyển động mà không phải bỏ animation. Cách giữ LCP, INP, CLS xanh trên site GSAP, Lenis, WebGL — kèm code thật.
27 tháng 6, 2026
11 phút đọc
Cách đạt giải Awwwards Site of the Day từ một giám khảo Awwwards thật sự — tiêu chí chấm điểm, điều giám khảo cộng/trừ điểm, và độ hoàn thiện kỹ thuật quyết định.
27 tháng 6, 2026
10 phút đọc
Chi phí làm website chuyển động, WebGL hay đạt chuẩn Awwwards hết bao nhiêu? Một creative developer bóc tách các mức giá thực tế 2026 và yếu tố quyết định ngân sách.
27 tháng 6, 2026
9 phút đọc
Nên thuê creative developer hay dùng template, Webflow, agency? So sánh thẳng thắn chi phí, tốc độ và giới hạn chất lượng để chọn đúng cho thương hiệu.
27 tháng 6, 2026
10 phút đọc
Hướng dẫn React Three Fiber cho người mới — dựng Canvas, tạo mesh, animate bằng useFrame, thêm ánh sáng, OrbitControls và load model 3D, kèm các lỗi thường gặp.
27 tháng 6, 2026
12 phút đọc
Checklist câu hỏi cần hỏi trước khi thuê developer làm website — kèm câu trả lời "cờ xanh" và "cờ đỏ", chia theo tay nghề, quy trình, hiệu năng, chi phí và bàn giao.
27 tháng 6, 2026
9 phút đọc
Cách làm portfolio đạt giải từ một creative developer chấm Awwwards: ban giám khảo chấm gì, stack Next.js + GSAP + WebGL, quy trình và cách nộp bài.
27 tháng 6, 2026
9 phút đọc
Làm website chuyển động mất bao lâu? Creative developer chia sẻ timeline thực tế cho web custom, animation và WebGL — thời lượng từng giai đoạn và điều gì làm nhanh hay chậm.
27 tháng 6, 2026
10 phút đọc
Cách thuê creative developer cho website đạt chuẩn Awwwards — cần nhìn gì trong portfolio, hỏi gì, dấu hiệu cần tránh, và chi phí thật của motion/WebGL cao cấp.
27 tháng 6, 2026
10 phút đọc
GSAP hay Framer Motion? Một creative developer so sánh API, mức hợp với React, scroll, timeline, bundle size và khi nào nên chọn thư viện nào.
27 tháng 6, 2026
8 phút đọc
White-label creative development cho agency — hợp tác với chuyên gia làm motion & WebGL đẳng cấp Awwwards dưới thương hiệu của bạn, đúng tiến độ.
27 tháng 6, 2026
11 phút đọc
Lợi ích website chuyển động là gì và ROI ra sao? Một creative developer thuộc ban giám khảo Awwwards phân tích thẳng thắn giá trị của motion & WebGL cho thương hiệu.
27 tháng 6, 2026
10 phút đọc
Creative developer là gì và khác gì web developer hay designer? Hướng dẫn rõ ràng cho người thuê về vai trò, kỹ năng và khi nào nên thuê một creative developer.
27 tháng 6, 2026
8 phút đọc
Case study website portfolio đoạt giải — cách xây dựng trang kinetic typography Mat Voyce bằng Next.js, GSAP và Strapi, đạt Awwwards SOTD và đề cử GSAP Site of the Year 2025.
27 tháng 6, 2026
9 phút đọc
Case study website 3D ecommerce — cách dựng DeepSee Commerce bằng Three.js, Next.js và GSAP, giữ mượt trên mọi thiết bị và đạt Awwwards Honorable Mention.
27 tháng 6, 2026
9 phút đọc
Case study portfolio Minh Pham — cách xây website portfolio designer bằng GSAP, Three.js & WebGL, đạt Awwwards Site of the Day (điểm developer 7.77).
27 tháng 6, 2026
9 phút đọc
Case study website studio sáng tạo Uncommon Studio — xây bằng Next.js, GSAP & Strapi, đạt Awwwards Site of the Day, Awwwards Developer Award và giải FWA.
27 tháng 6, 2026
10 phút đọc
Cách By-Kin đoạt bốn giải — Awwwards Site of the Day & Developer Award, FWA, và CSS Design Awards Web of the Day — xây bằng Next.js, GSAP và Strapi.
27 tháng 6, 2026
9 phút đọc
Tôi được đề cử Awwwards Independent of the Year hai lần, ở hai năm khác nhau. Đây là ý nghĩa của một đề cử ở tầm đó, và vì sao sự bền bỉ mới là điều quan trọng.
27 tháng 6, 2026
10 phút đọc
Case study website portfolio nhiếp ảnh — cách kết hợp WordPress, GSAP và WebGL thành một trải nghiệm lấy hình ảnh làm trọng tâm, đoạt Awwwards Honorable Mention.
27 tháng 6, 2026
11 phút đọc
Cách thuê lập trình viên WebGL hoặc Three.js cho trải nghiệm web 3D — họ làm gì, cần tìm gì, dấu hiệu đỏ, chi phí, và cách viết brief đúng.
27 tháng 6, 2026
10 phút đọc
Tuyển chọn những website đạt giải đẹp nhất 2026 — các site WebGL và Awwwards, phân tích bởi giám khảo về art direction, chuyển động và hiệu năng tạo nên giải thưởng.
27 tháng 6, 2026
12 phút đọc
Tách rời WordPress và render frontend Next.js nhanh — lấy bài/trang qua REST API hoặc WPGraphQL, gắn ISR, media, SEO, preview, và né các bẫy auth/CORS/cache.
27 tháng 6, 2026
9 phút đọc
Tối ưu hiệu năng Three.js đúng chỗ để FPS tăng thật: giảm draw call, gộp geometry, dọn bộ nhớ và render theo nhu cầu trong React Three Fiber.
27 tháng 6, 2026
11 phút đọc
Webflow, Framer hay code tay cho website chuyển động đẳng cấp? So sánh thật về chi phí, trần hiệu ứng, hiệu năng và quyền sở hữu — và khi nào nên chọn cái nào.
27 tháng 6, 2026
9 phút đọc
Tự dựng hiệu ứng displacement ảnh WebGL khi hover bằng shader GLSL trong React Three Fiber — uniform, lerp, tối ưu hiệu năng và fallback prefers-reduced-motion.
25 tháng 6, 2026
9 phút đọc
Cách xây dựng Iventions — website sự kiện đoạt giải CSS Design Awards Website of the Month và Awwwards Site of the Day, làm bằng Next.js, Three.js và GSAP.
24 tháng 6, 2026
4 phút đọc
Học GSAP ScrollTrigger qua ba mẫu đứng sau các website đoạt giải — pin section, scrub timeline và parallax — trong React/Next.js.
24 tháng 6, 2026
5 phút đọc
Hướng dẫn thực chiến để có hiệu ứng cuộn mượt 60fps trong Next.js bằng Lenis và GSAP ScrollTrigger — cách cài đặt, animation theo scroll và các lỗi hiệu năng thường gặp.