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”

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”

Build ứng dụng tính toán nhỏ bằng Javascript theo Object style

Mục tiêu

Tự xây dựng một ứng dụng tính toán 2 số với các phép toán cơ bản (cộng, trừ, nhân, chia), sử dụng cách viết library đóng gói dạng Object trong Javascript.

Mục đích chia sẻ một cách đơn giản phương pháp chia nhỏ code, đóng gói code sao cho dễ đọc, dễ maintain bằng Javascript Object. Continue reading “Build ứng dụng tính toán nhỏ bằng Javascript theo Object style”