Features

• 💚 Nuxt - 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

• 🌍 I18n ready

• 🍍 State Management via Pinia, see ./app/composables/counter.ts

• 📑 Layout system

• 📥 APIs auto importing - for Composition API and custom composables

• 🦾 TypeScript, of course

• ☁️ Deploy on Netlify, zero-config

Nuxt Modules

• Vant - Vue UI library for mobile web apps
• Nuxt ESLint - collection of ESLint-related packages for Nuxt
• i18n - i18n module for Nuxt
• ColorMode - dark and Light mode with auto detection made easy with Nuxt
• UnoCSS - the instant on-demand atomic CSS engine
• Pinia - intuitive, type safe, light and flexible Store for Vue
• Pinia Persistedstate - configurable persistence and rehydration of Pinia stores
• DevTools - unleash Nuxt Developer Experience

IDE

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

Try it now

nuxt-vant-mobile requires Node 22.22.0+

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 tiged vue-zone/nuxt-vant-mobile my-nuxt-app
cd my-nuxt-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Usage

Development

Just run and visit http://localhost:3000

pnpm dev

Build

To build the App, run

pnpm build

And you will see the generated file in .output that ready to be served.

Deploy on Netlify

Go to Netlify and select your clone, OK along the way, and your App will be live in a minute.

Community 👏

We recommend that issue be used for problem feedback, or Wechat group.

Donation ☕

Buy Me a Coffee

💝 Our Sponsors 💝

Your sponsorship will help us continue to iterate on this exciting project! 🚀

License

MIT License

⬆️ Back to Top