Starting a New Nuxt 3 App

Let's dive into the world of Nuxt 3 and build a new web application from scratch. I'll guide you through the process step by step, so you can get started with Nuxt 3 with ease.

nuxt 3start a project with nuxt 3

Published: Mar 04, 2024 by Behon Baker

Nuxt Logo

Photo by The Nuxt Team

So you want to start a new Nuxt 3 app and don't know what to do?

Don't worry, I got you covered! If you want to stick with what the official Nuxt team recommends, you can visit this link

Needed Stuff

Ensure that you have these things installed on your machine:

  • Node.js
    • You can download it from the official website here
    • Or better, use NVM (Node Version Manager) to manage multiple Node.js versions. For windows, you can get it here. For Mac and Linux, you can get it here.
  • A Text Editor
    • You can use any text editor of your choice. I recommend using Visual Studio Code, which you can download from the official website here.

Create a New Nuxt 3 App

Now that you have Node.js installed & a text editor, you can follow these steps to create a new Nuxt 3 app:

  • Open VS Code (or any text editor of your choice)
  • Open a new terminal in VS Code by pressing Ctrl + ~ or Cmd + ~ on Mac. The terminal will be opened in the root directory of your project.
  • Run the following command to create a new Nuxt 3 app:
npx nuxi@latest init [MY_APP_NAME]
  • Replace [MY_APP_NAME] with the name of your app. For example, if you want to name your app my-nuxt-app, you can run the following command:
npx nuxi@latest init my-nuxt-app
  • After running the command, you will be asked to choose a package manager. You can choose either npm, bun, pnpm or yarn. I recommend using npm as it comes with Node.js by default.
  • Once the dependencies are installed, you can navigate to the newly created directory by running the following command:
cd my-nuxt-app
  • Now you can your Nuxt app by running the following command:
npm run dev -- -o
  • This will start the development server and open your app in the default browser.

That's it! You have successfully created a new Nuxt 3 app. You can now start building your app by adding new pages, components, and more.

If you want to learn more, you can visit the official Nuxt 3 documentation here.

Share this article