Getting Started with Nuxt 4

2 min readNuxtVueTutorial

Getting Started with Nuxt 4

Nuxt 4 brings a refined developer experience with its new app/ directory structure and improved performance. 1

Installation

npx nuxi init my-app
cd my-app
npm install
npm run dev

Project Structure

Quote Block

Second Title

app/
  components/
  layouts/
  pages/
  app.vue
nuxt.config.ts
def main() -> None:
    print("Hello")

Why Nuxt 4?

It's faster, cleaner, and more modular than ever before.2

Footnotes

  1. Just for sake of testing
  2. See the official Nuxt 4 release notes for benchmarks.