Nuxt 4 Starter Template

A modern Nuxt starter template packed with essential features and best practices. While Nuxt 3 is currently stable, this template is forward-compatible with the upcoming Nuxt 4, incorporating its latest enhancements and development patterns.

This template serves as a future-proof foundation for your projects, allowing you to:

• Leverage upcoming Nuxt 4 features
• Use the latest Tailwind CSS v4 (beta) capabilities
• Follow best practices and modern development patterns
• Typescript enabled by default

Note

This template is maintained to stay current with Nuxt 4's development progress.

Features

• Nuxt
• Vue
• VueUse
• Tailwind 4
• Tailwind Variants
• Radix Vue Unstyled, accessible components for building high‑quality design systems and web apps
• Nuxt Icons
• Nuxt Image A drop-in replacement for the native tag.
• Nuxt Fonts Plug-and-play web font optimization and configuration
• Security

👉 Code quality and conventions

• ESLint (Nuxt ESLint module), Stylelint, and Prettier to check the source code for programmatic and stylistic errors, and format your code as recommended by Vue, Nuxt and Tailwind CSS
• Git hooks with Husky and lint-staged to automatically lint and format your code upon committing.

Getting Started

Prerequisites

• Node.js (v22.0.0 or newer)
• npm (v10.9.0 or newer)

Installation

1. Clone the repository
2. Install dependencies npm install
3. Start the development server npm run dev