My Nuxt Starter
Nuxt 3 template ready to be used with integrations like Storybook, Tailwind, Vueuse, FormKit, HeadlessUI and many more!
🚀 Nuxt Starter
Welcome to the Nuxt Starter repository! This project is a modern web development starter kit using Nuxt 3 and a suite of powerful tools and libraries.
🌟 Description
Site: my-nuxt-experiments.netlify.app
Storybook on Netlify: my-nuxt-starter-storybook.netlify.app
Storybook on Chromatic: main--65f5b391c034b704dd98a557.chromatic.com
✨ Features
- ⚡ Nuxt 3
- 🎨 TailwindCSS (@nuxtjs/tailwindcss)
- 🛠️ VueUse (@vueuse/nuxt)
- 📚 Storybook 8
- 📦 Lodash (nuxt-lodash)
- 🧩 HeadlessUI (nuxt-headlessui)
- 📑 FormKit (@formkit/nuxt)
- 🖼️ Auto imported SVG icons (vite + unplugin-icons)
- 🌐 Internationalization (@nuxtjs/i18n)
- ✒️ Fonts (@nuxt/fonts)
📝 To be added
- 🧪 Testing
- 🧹 Linting (Stylelint, ESLint)
- 💅 Prettier
⚙️ Setup
Make sure to install the dependencies:
pnpm install
🌐 Site
🛠️ Start development
(Served on http://localhost:3000)
pnpm dev
📦 Build production
pnpm build
📖 Storybook
🛠️ Start development
(Served on http://localhost:6006)
pnpm storybook
📦 Build production
pnpm build-storybook
🌍 Serve locally the production
pnpm serve-storybook
🚀 Deploy on Netlify
🌐 Site
- Build command:
pnpm build - Publish directory:
dist
📖 Storybook
- Build command:
pnpm build && pnpm build-storybook - Publish directory:
storybook-static
Feel free to contribute and make this project even more awesome! 🎉
