Project structure

  • Design 1
  • Đối với các dự án sử dụng Next.js, bạn nên tạo thêm một thư mục “components” trong thư mục gốc để chứa các Components sử dụng cho các trang.
  • Đôi khi độ phức tạp của file trong /pages trở nên quá lớn, chúng ta cần chia nhỏ các Components ra, và các Components nên đặt trong một thư mục khác.

./redux

  • Design 1
  • Nếu bạn sử dụng “redux/toolkit” cho dự án, bạn có thể đặt các file “slices” ra bên ngoài thay vì đặt trong thư mục “slices”.
  • Trong thư mục ./redux này sẽ không có nhiều loại file, vì vậy nếu đặt các file “slices” trực tiếp trong thư mục này sẽ giảm đi độ phức tạp của structure (ít nested) và sẽ dễ dàng “import/export” module về sau.
  • Đây không phải là một vấn đề nghiêm trọng, bạn vẫn có thể sử dụng phương án hiện tại nếu bạn thấy thoải mái với nó.