How to Install Nuxt 3 Project

In this tutorial, I will show you how to install Nuxt 3. Nuxt 3 has recently been released as a stable version, and there are two ways we can install it. Let’s take a look.

Note: Nuxt 3 stable version support node –version above 16.11

Create Nux 3 Project

To install a Nuxt 3 project, run the following command in your terminal.

# using npx
npx nuxi init nuxt-app
# using pnpm
pnpm dlx nuxi init nuxt-app

Move to project.

cd nuxt-app

Install the dependencies:

# using npm
npm install
# using pnpm
pnpm install
# using yarn
yarn install

Run nuxt 3 server

npm run dev

App.vue

<template>
  <div>
    <NuxtWelcome />
  </div>
</template>

Install Nuxt 3 Project with Vite

Install vite project using npm, yarn or pnpm:

With NPM:

npm create vite@latest

With Yarn:

yarn create vite

With PNPM:

pnpm create vite

Next, give project name and select vue framework.

Next, Select Nuxt.

✔ Project name: ... nuxt-project
✔ Select a framework: › Vue
✔ Select a variant: › Nuxt ↗

move to project.

cd nuxt-project

Install dependencies.

# for npm
npm install
# for yarn 
yarn install
# for pnpm
pnpm install --shamefully-hoist

Run nuxt 3 server.

# for npm
npm run dev
# for yarn 
yarn dev
# for pnpm
pnpm run dev