/nuxt3-starter

A Better Nuxt 3 Starter Template

Primary LanguageVue

Nuxt 3 Starter

WARNING๏ผšNuxt 3 now in RC version. Not recommended for production use.

Check out the Nuxt 3 roadmap

First, learn how Nuxt 3 works.

Tips: @nuxtjs/i18n is unstable, the project is not working for the time being, if you need an i18N replacement, you can use @intlify/nuxt3

reference: vitesse-nuxt3.

Preview

Open In Stackblitz

Features

  • ๐Ÿ’š Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
  • โšก๏ธ Vite - Instant HMR
  • ๐ŸŽจ UnoCSS - The instant on-demand atomic CSS engine.
  • ๐Ÿ˜ƒ Use icons from any icon sets in Pure CSS, powered by UnoCSS
  • ๐Ÿ”ฅ The <script setup> syntax
  • ๐Ÿ State Management via Pinia
  • ๐Ÿ“‘ Layout system
  • ๐Ÿ“ฅ APIs auto importing - for Composition API, VueUse and custom composables.
  • ๐ŸŽ Zero-config cloud functions and deploy
  • ๐Ÿฆพ TypeScript, of course

Plugins

  • ๐ŸŽจ @unocss/nuxt - Nuxt module for UnoCSS
  • ๐Ÿคน unplugin-icons - Use icons from any iconsets
  • ๐Ÿ @pinia/nuxt - Using Pinia with Nuxt 3
  • ๐ŸŒ @nuxtjs/i18n - Nuxt 3 Module for vue-i18n-next
  • ๐Ÿ› ๏ธ @vueuse/nuxt3 - This is an add-on of VueUse, which provides better Nuxt integration auto-import capabilities.

IDE

We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).

Coding Style

ESLint with @antfu/eslint-config, single quotes, no semi.

Use husky and lint-staged to verify the code before submission.

The following specifications are not considered by the authors and are left to your own choice:

Try it now

Nuxt3-starter requires Node >=14.18

GitHub Template

Create a repo from this template on GitHub.

Clone to local

If you prefer to do it manually with the cleaner git history:

npx degit lio-zero/nuxt3-starter my-nuxt3-app
cd my-nuxt3-starter
pnpm i --shamefully-hoist # If you don't have pnpm installed, run: npm install -g pnpm

Or nuxi:

npx nuxi init -t lio-zero/nuxt3-starter my-nuxt3-app

 โœจ Your solid Nuxt project is just created! Next steps:
 ๐Ÿ“  cd my-nuxt3-app
 ๐Ÿ’ฟ  Install dependencies with `npm install` or `yarn install` or `pnpm install -shamefully-hoist`
 ๐Ÿš€  Start development server with `npm run dev` or `yarn dev` or `pnpm run dev`

Usage

Development Server

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

pnpm dev

Production Server

Build the application for production:

pnpm run build

Locally preview production build:

pnpm run preview

Checkout the deployment documentation for more information.

License

MIT @lio-zero