Demetory/dim-nuxt3-template

Minimalistic Nuxt 3 + Vite starter template

Nuxt 3 Starter

• Nuxt 3 + Vite 4 Minimalistic Starter Template
• Built with TypeScript 5 and Script Setup SFC
• Designed with Atomic Pattern

Features

• No complex || heavy dependencies
• Google Lighthouse Reports are 100% in green zone
• Atomic Design Pattern
• Configured public folder (icons, robots.txt, htaccess, humans.txt, etc)
• CSS normalization + SCSS Mixins & Maps
• Contains simple code examples
• ESLint 8 + Prettier 2 for better code quality
• Cypress + Vitest for testing
• Localization example

Preview

Live Demo

Requirements

• Node.js: >= 16.17.0
• npm: >= 9.2.0

Recommended IDE

• VSCode + Volar + Vue Dev Tools
  
  

Installed Modules

• Pinia → Storage
• VueUse → Best Collection of Vue Composition Utilities
• Nuxt i18n → Internationalization framework
• SASS → CSS Preprocessor
• ESLint + Prettier → linting and code formatting
• Cypress → End-to-End (e2e) testing framework
• Vitest → Unit testing framework

Setup

Install the dependencies

npm install --force

Update deps if needed

npm run update

Run AFTER the package is installed

npm run postinstall

Development

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

npm run dev

Production

Build the application for production:

npm run build

npm run generate

Checkout the deployment documentation.

Linting

Run code quality tools

npm run lint

npm run lint:fix

License

MIT @demetory