Dựng demo project NextJS với TailwindCSS và deploy với Vercel

Mục tiêu

Setup thành công một demo nhỏ với NextJS Framework; kết hợp với TailwindCSS (utility-first CSS framework); tích hợp module cần thiết cho Frontend development (SASS/SCSS loader, BrowserSync…) giúp việc code frontend nhanh hơn; sau cùng, deploy production bằng Vercel platform.

Final result
Final result

Continue reading “Dựng demo project NextJS với TailwindCSS và deploy với Vercel”

Tạo crontab nhắc nhở để quản lý thời gian hiệu quả trên MacOS

Mục đích

Tạo một crontab ứng dụng phương pháp quản lý thời gian “không ai chơi lại”, dựa trên ý tưởng của phương pháp tracking được đề cập ở channel web5ngay mà mình đã tìm hiểu.

Lên ý tưởng

#1 Soạn kế hoạch nhắc nhở

#2 Soạn AppleScript, để hiện notification

#3 Setup crontab chạy script ở bước #2

Continue reading “Tạo crontab nhắc nhở để quản lý thời gian hiệu quả trên MacOS”

Setup e-commerce project Laracom với Valet & NPM

Mục đích tutorial này

Giúp bạn setup nhanh một project e-commerce, với framework Laravel và các tool hỗ trợ: Valet, NPM.

Sau khi setup thành công, sẽ được một project chạy được cả Frontend lẫn Backend (CMS), giúp những ai có ý định tìm hiểu một hệ thống e-commerce hoạt động như nào sẽ có một project hoàn chỉnh để vọc vọ.

Đồng thời cũng có thể review các pattern code khá hay từ Laracom.

Laracomproject Continue reading “Setup e-commerce project Laracom với Valet & NPM”

Cài đặt môi trường Frontend Dev cho project Nodejs và SASS

Mục tiêu

Hoàn thành phần thiết lập ban đầu cho một project frontend (HTML/SCSS và NodeJS), tiết kiệm thời gian build và compile cho anh em Frontend Developer. Các mục tiêu nhỏ bao gồm:

  • Khởi tạo cấu trúc cơ bản project frontend.
  • Cài đặt các packages thực sự hữu ích, giúp developer tập trung build dự án.
  • Cấu hình package.json theo ý muốn và có thể tái sử dụng cho các project khác.
  • Build được server trong 1s với live-server, tiết kiệm thời gian đáng kể.

Continue reading “Cài đặt môi trường Frontend Dev cho project Nodejs và SASS”