How to setup Next JS project

How to setup Next JS project

To set up a Next.js project, you will need to have Node.js and npm (the Node.js package manager) installed on your machine.

Here are the steps to set up a new Next.js project:

  1. Open a terminal window and navigate to the directory where you want to create your project.

  2. Run the following command to create a new Next.js project:
    npx create-next-app my-app

  1. This will create a new directory called "my-app" with the basic file structure for a Next.js app.

  2. Change into the new directory:
    cd my-app


  1. Run the following command to install the dependencies for your project:
    npm install
  1. Once the dependencies have been installed, you can start the development server by running the following command:
    npm run dev

This will start the development server, and your app will be available at http://localhost:3000/. As you make changes to your code, the development server will automatically reload the page to reflect your changes.

That's it! You now have a working Next.js project. You can start building your app by editing the files in the "pages" directory.