/vueboost-nuxt3

Vue Boost for Nuxt 3 πŸ”πŸ’šβš‘οΈ

Primary LanguageVueMIT LicenseMIT

Boost your productivity with Vue Boost - work smarter, not harder.


Vue Boost for Nuxt 3


Inspired by Vue Boost


Live Demo


Features


Pre-packed

UI Frameworks

  • TailwindCSS - Rapidly build modern websites without ever leaving your HTML.

Icons

Reuseable Components

Nuxt Modules

  • VueUse - collection of useful composition APIs.
  • ColorMode - dark and Light mode with auto detection made easy with Nuxt.
  • Tailwind - the instant on-demand TailwindCSS engine.
  • Pinia - intuitive, type safe, light and flexible Store for Vue.

Plugins

Coding Style

Dev tools

Try it now!

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 blade-01/vueboost-nuxt3 my-template
cd my-template
pnpm i or yarn i # If you don't have pnpm installed, run: npm install -g pnpm

Checklist

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

  • Change the author name in LICENSE
  • Change the title in App.vue
  • Change the hostname in vite.config.ts
  • Change the favicon in public
  • Clean up the READMEs and remove routes

And, enjoy :)

Usage

Development

Just run and visit http://localhost:3000

pnpm dev

OR

yarn dev

Build

To build the App, run

pnpm build

OR

yarn build

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

Deploy

Deploy anywhere.

Why

To boost our collective productivity as developers.