Vite + Nuxt Content Starter Template

• Nuxt Content 2 + 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

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