Starter template for Nuxt 3 with Tailwind, Pinia, Vitest, ESLint and Prettier
Demo: nuxt-3-starter.lloyd.cx/
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
The following directories have been created:
assets/
components/
layouts/
pages/
plugins/
public/
stores/
tests/
- 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.)
- ESLint (
This is a standard Nuxt 3 project. If you're new to Nuxt, you can get started by reading the docs.
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
This project is licensed under the MIT License - see the LICENSE file for details.