/nuxt-3-starter

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

Primary LanguageVueMIT LicenseMIT

Nuxt 3 Starter

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

Demo: nuxt-3-starter.lloyd.cx/

Screenshot of nuxt-3-starter home page, with incrementable counter, and a description of installed modules.

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.

Usage

Open the project folder:

cd nuxt-app/

Install the dependencies:

yarn install
npm install
pnpm install --shamefully-hoist

Start the development server:

yarn dev -o
npm run dev -- -o
pnpm dev -o

License

This project is licensed under the MIT License - see the LICENSE file for details.