Opinionated Nuxt 3 Starter Template

Nuxt 3 Modules

• NuxtUI - A UI Library for Modern Web Apps.
• VueUse - Collection of Vue Composition Utilities.
• Pinia - The Vue Store that you will enjoy using.
• Headless UI - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
• Content - Content made easy for Vue Developers.
• Image - Plug-and-play image optimization for Nuxt apps.
• Fonts - Plug-and-play web font optimization and configuration for Nuxt apps.
• I18n - I18n module for Nuxt.
• HTML validator - Automatically validate Nuxt server-rendered HTML.

These are the pre-packed modules in this starter template. Feel free to ditch any module you won't be using.

Nuxt UI Modules

These modules are pre-packed with the Nuxt UI module.

• TailwindCSS - Rapidly build modern websites without ever leaving your HTML.
• Color mode - Dark and Light mode with auto-detection made easy with Nuxt 🌗.
• Icon - Icon module for Nuxt with 100,000+ ready to use icons from Iconify.

Other Features

• pnpm - Fast, disk space efficient package manager.
• Prettier - Opinionated code formatter.
• TypeScript - Why not?
• Unlighthouse - Like Google Lighthouse, but it scans every single page.

Setup

Make sure to install the dependencies:

pnpm install

Development Server

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

pnpm dev

Production

Build the application for production:

pnpm build

Locally preview production build:

pnpm preview

Check out the deployment documentation for more information.

Checklist

When you use this template, try to follow the checklist to update your info properly

• Change the name and description in package.json
• Change the author name in LICENSE
• Remove <NuxtWelcome /> in pages/index.vue
• Clean up the READMEs and remove routes
• Clean up the images in public/