WARNING๏ผNuxt 3 now in RC version. Not recommended for production use.
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.
- ๐ 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
- ๐จ @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.
We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).
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:
Nuxt3-starter requires Node >=14.18
Create a repo from this template on GitHub.
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`
Start the development server on http://localhost:4399
pnpm dev
Build the application for production:
pnpm run build
Locally preview production build:
pnpm run preview
Checkout the deployment documentation for more information.
MIT @lio-zero