Thư mục app

Mở danh sách tệp. Một dự án Next.js có cấu trúc riêng, và cấu trúc đó mang ý nghĩa:

app/
    layout.jsx     the shell around every page
    page.jsx       the page at /
    globals.css    styles for the whole app

Có hai tên tệp đặc biệt mà bạn sẽ dùng thường xuyên:

• page.jsx: biến một thư mục thành URL có thể truy cập. app/page.jsx là trang chủ, /.
• layout.jsx: bao bọc các trang nằm bên dưới. Bố cục gốc chứa <html> và <body>, nên mọi trang đều dùng chung bố cục này.

Các tên này không phải là quy ước để bạn có thể đổi tùy ý. Next.js tìm đúng những tên tệp này. Đó là cách một thư mục chứa các tệp trở thành một ứng dụng có URL.

Bố cục gốc đã được khóa trong các bài học này, nên một khung ứng dụng bị lỗi sẽ không bao giờ làm ứng dụng của bạn ngừng hoạt động. Bạn sẽ làm việc trong app/page.jsx và các tệp bạn tự thêm.