edbrdi/nuxt3-naiveui-starter

Nuxt 3 (SSG mode, vite) / Naive UI, TypeScript starter

Nuxt 3 (SSG mode, vite) / Naive UI, TypeScript starter

Starter derivated from a side project using Nuxt 3 / Naive UI in SSG mode with:

• Naive UI components registered globally
• Tailwind-like utility with Windi CSS
• i18n with YAML configuration files and a specific approach: translations grouped by scope instead of using one file per language. It's more productive this way, you can leverage tools like Copilot to translate automatically each language based on the first sentence. Also configured for Naive components using locales. Auto refresh
• SCSS with global variables & mixins, variables are also exported to TS if you need to define style programmatically
• Vue composition API auto import
• Basic authentication & authorization middleware, custom fetch implementation
• Configured Vitest with examples for unit & snapshot testing
• Husky pre-commit tests & commit message check, eslint, prettier configured
• Pinia store, dark mode...

Some screenshots:

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

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

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Check out the deployment documentation for more information.