Nuxt 4 + Tailwind Starter

This is a minimal Nuxt 4 starter template with Tailwind CSS preconfigured to make it easy for you to get started with your own application.

Features

• Nuxt 4: Latest Nuxt for server-side rendering, static site generation, and hybrid apps.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• TypeScript: Type-safe development out of the box.
• ESLint: Lints and auto-fixes code for consistent style and to catch errors early.
• Bun, npm, pnpm, yarn: Flexible support for multiple package managers.
• File-based Routing: Effortless page and layout creation.
• Hot Module Replacement: Instant feedback during development.
• Production Ready: Easy build and preview commands.

Recommended Additions

• @nuxt/icon – Easily add SVG icons to your project with Nuxt integration.
• @nuxt/fonts – Efficiently load and manage web fonts in your Nuxt app.
• @nuxt/test-utils – Utilities for unit and integration testing in Nuxt projects.
• @nuxt/auth-utils – Helpers for authentication flows and testing auth logic in Nuxt apps.
• @pinia/nuxt – Official state management solution for Vue and Nuxt.
• @vueuse/core – Collection of essential Vue Composition API utilities.

---

Setup

Install dependencies:

npm install   # or pnpm install   # or yarn install   # or bun install

Development Server

Start the development server on http://localhost:3000:

npm run dev   # or pnpm dev   # or yarn dev   # or bun run dev

Production

Build the application for production:

npm run build   # or pnpm build   # or yarn build   # or bun run build

Locally preview production build:

npm run preview   # or pnpm preview   # or yarn preview   # or bun run preview