Nhóm các route trong NextJS

Đôi khi để thuận tiện, chúng ta có thể cần nhóm nhiều route vào một thư mục theo cách mà thư mục nhóm không tạo ra một segment riêng biệt trong URL.

Để làm điều này, tên của thư mục nhóm nên được đặt trong dấu ngoặc đơn. Hãy xem xét một ví dụ.

Giả sử với URL /reg chúng ta muốn thực hiện đăng ký, và với URL /log - đăng nhập. Hãy kết hợp các thư mục tương ứng với các URL này vào một thư mục chung có tên (auth).

Như vậy, chúng ta sẽ có cấu trúc tệp như sau:

• /app//(auth)//reg/page.jsx/log/page.jsx

Hãy tạo tệp cho trang đăng ký:

app/(auth)/reg/page.jsxexport default function Reg() {
  return <h1>register</h1>;
}

Hãy tạo tệp cho trang đăng nhập:

app/(auth)/log/page.jsxexport default function Log() {
  return <h1>login</h1>;
}