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 4 - 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
