NuxtVueStarter

nuxt-3-starter — Nuxt Starter Template

By lloydtao

A Nuxt 3 starter template preconfigured with Tailwind, Pinia, Vitest, ESLint and Prettier, including example pages and directory structure.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Preconfigured with commonly used modules and tools including Tailwind, Pinia, Vitest, ESLint, and Prettier

02

Directory structure already created: assets, components, layouts, pages, plugins, public, stores, tests, etc.

03

Homepage includes an incrementable counter and an example store to demonstrate Pinia integration

04

Provides both ESLint and Prettier linting configurations, as well as Vitest testing configuration

05

Under MIT license, allowing free use, modification, commercial use, and distribution of this version of the code

Template Details

This is a starter template for Nuxt 3, described in the repository as "Starter template for Nuxt 3 with Tailwind, Pinia, Vitest, ESLint and Prettier". The README states the project is "quite minimal", mainly providing a directory structure, several commonly used Nuxt modules, linting and testing configurations, and a homepage with an example store.

The template already includes directories: assets, components, layouts, pages, plugins, public, stores, and tests. For dependencies, styling uses @nuxtjs/tailwindcss, state management uses @pinia/nuxt, testing uses vitest and @vue/test-utils, and linting uses eslint, @nuxtjs/eslint-config-typescript, prettier, eslint-plugin-prettier, etc.

Usage is consistent with a standard Nuxt 3 project: after entering the project directory, install dependencies via yarn, npm, or pnpm, then run the dev script to start the development server; the pnpm install command includes the --shamefully-hoist flag. The repository is under the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and license notice are retained when distributing. Third-party assets such as demo images, fonts, icons, and external services like domains and hosting are not covered by this license and must be verified separately.

NuxtVueStarter

Is it right for your project?

Use Cases

  • When you need to quickly set up a project skeleton based on Nuxt 3
  • When you want to integrate Tailwind and Pinia early in the project
  • When you need to configure Vitest testing and ESLint, Prettier checks for a Nuxt 3 project
  • When you want to reference Nuxt 3 directory organization and example store usage

Suitable For

  • Frontend developers familiar with or willing to learn Nuxt 3
  • Personal or team projects needing a Nuxt 3 starter template
  • Projects aiming to unify code linting and testing configurations

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    After entering the project directory, install dependencies using yarn install, npm install, or pnpm install --shamefully-hoist

  2. 2

    Start the development server via yarn dev, npm run dev, or pnpm dev; add the -o flag to automatically open the browser

  3. 3

    Before use, verify third-party assets such as demo images, fonts, and icons according to their respective licenses

  4. 4

    External services like domains, hosting, and databases may incur additional charges and need separate confirmation

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version from a public repository under the MIT license; the free scope applies to this version of the code, not to external services or third-party assets.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version of the code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses; they cannot be assumed to be covered solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 73 / 100
Technologies
Nuxt · Vue
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2022-12-30
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: db3290237605c7b3fda53e8d14b4b3eec1b01e76880c407efbba1841250eb856

2026-10-02T17:25:35.353Z

Source file / repository
# Nuxt 3 Starter

Starter template for Nuxt 3 with Tailwind, Pinia, Vitest, ESLint and Prettier

Demo: [nuxt-3-starter.lloyd.cx/](https://nuxt-3-starter.lloyd.cx/)

![Screenshot of nuxt-3-starter home page, with incrementable counter, and a description of installed modules.](/preview.png)

This project is fairly minimal, and includes:

- Directory structure
- A few popular Nuxt modules
- Linting and testing
- Home page with example store

```
✨ Nuxt project is created with v3 template. Next steps:
 › cd nuxt-app
 › Install dependencies with npm install or yarn install or pnpm install
 › Start development server with npm run dev or yarn dev or pnpm run dev
```

## Directories

The following directories have been created:

- `assets/`
- `components/`
- `layouts/`
- `pages/`
- `plugins/`
- `public/`
- `stores/`
- `tests/`

## Packages

- Tailwind (`@nuxtjs/tailwindcss`)
- Pinia (`@pinia/nuxt`)
- Vitest (`vitest`, `@vue/test-utils`, etc.)
- Linting:
  - ESLint (`eslint`, `@nuxtjs/eslint-config-typescript`, etc.)
  - Prettier (`prettier`, `eslint-plugin-prettier`, etc.)

## Getting started

This is a standard Nuxt 3 project. If you're new to Nuxt, you can get started by [reading the docs](https://nuxt.com/docs/getting-started/introduction).

### Usage

Open the project folder:

```bash
cd nuxt-app/
```

Install the dependencies:

```bash
yarn install
```

```bash
npm install
```

```bash
pnpm install --shamefully-hoist
```

Start the development server:

```bash
yarn dev -o
```

```bash
npm run dev -- -o
```

```bash
pnpm dev -o
```

## License

This project is licensed under the MIT License - see the [LICENSE](/LICENSE) file for details.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.