Tiếp theo. js 13 đã được phát hành gần đây, tìm hiểu thêm và xem. Phiên bản 13 cũng giới thiệu các tính năng beta như thư mục function HomePage() { return
Welcome to Next.js!
} export default HomePage 6 hoạt động cùng với thư mục function HomePage() { returnWelcome to Next.js!
} export default HomePage 7 (ổn định) để áp dụng gia tăng. Bạn có thể tiếp tục sử dụng function HomePage() { returnWelcome to Next.js!
} export default HomePage 7 trong Tiếp theo. js 13, nhưng nếu bạn muốn dùng thử các tính năng mới của function HomePage() { returnWelcome to Next.js!
} export default HomePage 6, hãy xem tài liệu beta mớiChào mừng đến với Tiếp theo. tài liệu js
Nếu bạn chưa quen với Tiếp theo. js, chúng tôi khuyên bạn nên bắt đầu với khóa học tìm hiểu. Khóa học tương tác với các câu đố sẽ hướng dẫn bạn mọi thứ bạn cần biết để sử dụng Tiếp theo. js
Nếu bạn có thắc mắc về bất cứ điều gì liên quan đến Tiếp theo. js, bạn luôn được chào đón để hỏi cộng đồng của chúng tôi trên GitHub Discussions
- Nút. js 14. 6. 0 hoặc mới hơn
- MacOS, Windows (bao gồm WSL) và Linux được hỗ trợ
Chúng tôi khuyên bạn nên tạo một Tiếp theo mới. js sử dụng function HomePage() { return
Welcome to Next.js!
} export default HomePage 0, tự động thiết lập mọi thứ cho bạn. (Bạn không cần phải tạo một thư mục trống. function HomePage() { returnWelcome to Next.js!
} export default HomePage 0 sẽ làm một cái cho bạn. ) Để tạo một dự án, hãy chạyNếu bạn muốn bắt đầu với một dự án TypeScript, bạn có thể sử dụng cờ function HomePage() { return
Welcome to Next.js!
} export default HomePage 2Sau khi cài đặt xong
- Chạy function HomePage() {
return
Welcome to Next.js!
} export default HomePage 3 hoặc function HomePage() { returnWelcome to Next.js!
} export default HomePage 0 hoặc function HomePage() { returnWelcome to Next.js!
} export default HomePage 1 để khởi động máy chủ phát triển trên function HomePage() { returnWelcome to Next.js!
} export default HomePage 2 - Truy cập function HomePage() {
return
Welcome to Next.js!
} export default HomePage 2 để xem ứng dụng của bạn - Chỉnh sửa function HomePage() {
return
Welcome to Next.js!
} export default HomePage 4 và xem kết quả cập nhật trong trình duyệt của bạn
Để biết thêm thông tin về cách sử dụng function HomePage() { return
Welcome to Next.js!
} export default HomePage 0, bạn có thể xem lại tài liệu về function HomePage() { returnWelcome to Next.js!
} export default HomePage 0Cài đặt function HomePage() { return
Welcome to Next.js!
} export default HomePage 7, function HomePage() { returnWelcome to Next.js!
} export default HomePage 8 và function HomePage() { returnWelcome to Next.js!
} export default HomePage 9 trong dự án của bạnMở function HomePage() { return
Welcome to Next.js!
} export default HomePage 60 và thêm function HomePage() { returnWelcome to Next.js!
} export default HomePage 61 sau________số 8Các tập lệnh này đề cập đến các giai đoạn phát triển ứng dụng khác nhau
- function HomePage() {
return
Welcome to Next.js!
} export default HomePage 62 - Chạy để bắt đầu Tiếp theo. js ở chế độ phát triển - function HomePage() {
return
Welcome to Next.js!
} export default HomePage 64 - Chạy để xây dựng ứng dụng cho việc sử dụng sản xuất - function HomePage() {
return
Welcome to Next.js!
} export default HomePage 66 - Chạy để bắt đầu Tiếp theo. máy chủ sản xuất js - function HomePage() {
return
Welcome to Next.js!
} export default HomePage 68 - Chạy để thiết lập Tiếp theo. cấu hình ESLint tích hợp của js
Tạo hai thư mục function HomePage() { return
Welcome to Next.js!
} export default HomePage 7 và function HomePage() { returnWelcome to Next.js!
} export default HomePage 71 ở thư mục gốc của ứng dụng của bạn- function HomePage() {
return
Welcome to Next.js!
} export default HomePage 7 - Được liên kết với tuyến đường dựa trên tên tệp của họ. Ví dụ: function HomePage() { returnWelcome to Next.js!
} export default HomePage 73 được ánh xạ tới function HomePage() { returnWelcome to Next.js!
} export default HomePage 74 - function HomePage() {
return
Welcome to Next.js!
} export default HomePage 71 - Lưu trữ nội dung tĩnh như hình ảnh, phông chữ, v.v. Sau đó, các tệp bên trong thư mục function HomePage() { returnWelcome to Next.js!
} export default HomePage 71 có thể được mã của bạn tham chiếu bắt đầu từ URL cơ sở (function HomePage() { returnWelcome to Next.js!
} export default HomePage 77)
Tiếp theo. js được xây dựng xung quanh khái niệm về trang. Một trang là một Thành phần phản ứng được xuất từ tệp function HomePage() { return
Welcome to Next.js!
} export default HomePage 78, function HomePage() { returnWelcome to Next.js!
} export default HomePage 79, function HomePage() { returnWelcome to Next.js!
} export default HomePage 70 hoặc function HomePage() { returnWelcome to Next.js!
} export default HomePage 71 trong thư mục function HomePage() { returnWelcome to Next.js!
} export default HomePage 7. Bạn thậm chí có thể thêm các tham số định tuyến động với tên tệpBên trong thư mục function HomePage() { return
Welcome to Next.js!
} export default HomePage 7, thêm tệp function HomePage() { returnWelcome to Next.js!
} export default HomePage 74 để bắt đầu. Đây là trang được hiển thị khi người dùng truy cập thư mục gốc của ứng dụng của bạnĐiền vào function HomePage() { return
Welcome to Next.js!
} export default HomePage 4 với các nội dung saufunction HomePage() { returnWelcome to Next.js!
} export default HomePageSau khi thiết lập xong
- Chạy function HomePage() {
return
Welcome to Next.js!
} export default HomePage 3 hoặc function HomePage() { returnWelcome to Next.js!
} export default HomePage 0 hoặc function HomePage() { returnWelcome to Next.js!
} export default HomePage 1 để khởi động máy chủ phát triển trên function HomePage() { returnWelcome to Next.js!
} export default HomePage 2 - Truy cập function HomePage() {
return
Welcome to Next.js!
} export default HomePage 2 để xem ứng dụng của bạn - Chỉnh sửa function HomePage() {
return
Welcome to Next.js!
} export default HomePage 4 và xem kết quả cập nhật trong trình duyệt của bạn
Cho đến nay, chúng tôi nhận được
Ngoài ra, bất kỳ Tiếp theo. ứng dụng js đã sẵn sàng để sản xuất ngay từ đầu. Đọc thêm trong tài liệu Triển khai của chúng tôi