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