Din Nuxt 3 + NuxtContent 2 Starter

• Nuxt 3 + NuxtContent 2 Starter Blog Template
• Uses TypeScript and Script Setup SFC
• Designed with Atomic Pattern
• Based on Dim-Nuxt3-Template

Features

• Full configured and production ready
• No complex || heavy dependencies
• Atomic Design Pattern
• Configured public folder (icons, robots.txt, htaccess, humans.txt, etc)
• CSS normalization
• SCSS Maps and Modules in global scope
• Contains simple code examples
• ESLint + Prettier for better code quality
• Cypress + Vitest for testing
• Localiztion examples
• Light / Dark color modes
• Custom error page
• All Google Lighthouse metrics are green ^-^
  
  

Preview

Live Demo

Requirements

• Node.js: >= 16.11.0
• npm: >= 6.32.4
  
  

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 packages

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