Installation

Install Next.js

Create a new Next.js project using the official create-next-app starter.

Run create-next-app to scaffold a fresh project with TypeScript and Tailwind CSS.

npx create-next-app@latest my-app --typescript --tailwind --app

Verify that your tsconfig.json has paths mapped correctly so you can use the @/ prefix.

tsconfig.json

{
  "compilerOptions": {
    "paths": {
      "@/*": ["./*"]
    }
  }
}

Ensure your project has components/ and lib/ directories configured inside the root or src/ directory.

Command Palette