1. Create your project

  1. Create a new project folder on your computer. You can name the folder whatever you want, but do not include any spaces or capital letters. Make sure it is a new folder outside of any old repositories you have created.

  2. Open a new Cursor window (Cmd Shift N).

    image.png

  3. Click Open project. Find the folder you just created and click open. Since the folder is empty, you should see 0 files in the left sidebar.

    image.png

  4. Open a new terminal in Cursor. Click “Terminal” in the menu bar → “New Terminal.”

    new-project-1.png

  5. Copy the following command into the terminal. This will create a new Next.js project. Next.js is a framework that makes it easy to create web apps.

    npx create-next-app@latest . --typescript --eslint --use-npm --no-tailwind --app --no-src-dir --import-alias "@/*"

  6. The terminal may prompt you to install a new package: Ok to proceed? (y). Type y into the terminal and press Return.

    new-project-2.png

  7. The next question will be: Would you like to use Turbopack for next dev? › No / Yes. Select No is underlined and press Return. To change your selection, use the arrow keys.

    new-project.png

  8. If you accidentally selected Yes, that’s ok! No need to restart.

  9. Yay! Your project is now getting created. When it’s complete, it should say Success! in the terminal and you will see these files and folders in your sidebar.

    new-project-3.png

  10. Congratulations, that’s it! You’ve set up your first Next.js project.

2. Run the project

Unlike v0, you won’t see a preview of your project by default. You’ll need to run a local server in order to see your website.

Use the agent

  1. Open the Cursor chat by doing Cmd I. Type “Run my project for me.”

    image.png

  2. You will see a pop up that asks you to “Run” a couple of commands. Make sure to press Run to approve those commands. The commands should be the following:

    1. pnpm install: This installs dependencies needed for your project to run.
    2. pnpm dev: This will run your project in a local server!

  3. Your app should be running at localhost:3000. Navigate to localhost:3000 in any browser (Chrome, Arc, etc.) to see your site.

  4. You should see the Next.js starter project page.

    image.png

Manually with terminal