banavasi/nuxt-monorepo-starter

An opinionated starter for using Nuxt, Tailwind & Storybook.

lautr/initium-nuxt 🔥

🚀 Opinionated Nuxt, Tailwind & Storybook monorepo template

---

inspired by antfu vitesse nuxt

Features

• 💚 Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
• 🤓 Optimized for VSCode usage
• ⚡️ Vite - Instant HMR
• ✨ Vitest - A blazing fast unit test framework
• 🚝 Monorepo - workspace setup using pnpm
• 🌬️ Tailwind 3 - the utility-first CSS framework
• 🖌️ Storybook - build UI components and pages in isolation
• 🌓 Color Mode - dark, light & custom mode integrated in Tailwind and Nuxt
• 🔥 The <script setup> syntax
• 🍍 State Management via Pinia, see ./stores/AuthStore.ts
• 🧹 Vue Macros Explore and extend more macros and syntax sugar to Vue.
• 📥 APIs auto importing - for Composition API, VueUse, Components (localy & from design) and custom composables
• 🦾 TypeScript - JavaScript, but strongly typed and better

Plugins

Nuxt Modules

• VueUse - collection of useful composition APIs.
• ColorMode - dark and Light mode with auto detection made easy with Nuxt.
• Pinia - intuitive, type safe, light and flexible Store for Vue.
• Nuxt Devools - Unleash Nuxt Developer Experience.

Commands

# install all dependencies of the monorepo
pnpm install
# start webapp & storybook
pnpm dev
# start dev webapp
pnpm webapp dev
# build webapp for prod
pnpm webapp build
# start webapp for prod
pnpm webapp start
# start dev storybook
pnpm design dev

IDE

This Template is designed to provide great DX with VS Code and Volar.

Usage

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 lautr/initium-nuxt my-nuxt3-app
cd my-nuxt3-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm