Nuxt 3 Starter Template

A pre-configured Nuxt 3 starter template with essential features.

Features

• 🌍 i18n Internationalization
• 📱 TailwindCSS Integration
• 🔍 SEO Optimization & Sitemap
• 📊 Google Analytics Setup
• ✅ Testing Tools (Vitest)
• 🔧 ESLint Code Quality

Integrated Modules

Module	Description
@nuxtjs/i18n	Internationalization support for your Nuxt application
@nuxtjs/tailwindcss	TailwindCSS integration with zero configuration
@nuxtjs/sitemap	Automatically generate sitemap for your Nuxt application
nuxt-gtag	Google Analytics 4 integration
@nuxt/test-utils	Official testing utilities for Nuxt applications
@nuxt/eslint	Official ESLint configuration and tooling

Setup

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development

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

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Preview the production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Testing

Run unit tests:

# npm
npm run test

# pnpm
pnpm test

# yarn
yarn test

# bun
bun run test

Configuration Guide

Google Analytics

Configure your GA tracking ID in nuxt.config.ts:

gtag: {
  id: "YOUR-GA-ID";
}

i18n Localization

English is supported by default. Add more languages in nuxt.config.ts:

i18n: {
  locales: [
    {
      code: "en",
      language: "en-US",
      file: "en-US.json",
    },
    // Add more languages...
  ];
}

For more information:

• Nuxt 3 Documentation
• Nuxt i18n
• Nuxt TailwindCSS