Hướng dẫn cách cài đặt Next.js

Để cài đặt Next.js thì trước đó bạn cần phải có gói Node.js trong máy của mình, bạn có thể tham khảo việc cài đặt Node.js tại: Cách cài đặt Node.js và npm trong Windows, Ubuntu, macOS. Hãy đảm bảo rằng Node.js của bạn đã cài là phiên bản mới nhất.

Bây giờ ta sẽ dùng lệnh mkdir để tạo một thư mục trống và đi vào trong thư mục đó:

    mkdir nextjs
    cd nextjs

    npx create-next-app@latest

Khi chạy dòng lệnh trên thì sẽ hiện ra như hình bên dưới, bạn hãy nhập y (tức là yes - đồng ý với việc cài đặt thêm một số gói) và bạn cũng điền tên cho project của bạn, ở hình dưới thì mình lấy tên là myproject:

Bây giờ ta đến với cài đặt Next, react và react-dom:

    npm install next react react-dom

Hiện tại bạn có thể thư mục của bạn bằng trình duyệt bạn đang sài, ở đây mình mở bằng VS Code:

Sau đó vào pages/index.js và điền đoạn code sau:

    function HomePage() {
      return <div>Hello Next.js!</div>
    }
    export default HomePage

npm run dev

Đón xem phần tiếp theo tại: Làm quen với Next.js cho người mới bắt đầu