Archetipo95/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

1. ⚡ Nuxt 3
2. 🎨 TailwindCSS (@nuxtjs/tailwindcss)
3. 🛠️ VueUse (@vueuse/nuxt)
4. 📚 Storybook 8
5. 📦 Lodash (nuxt-lodash)
6. 🧩 HeadlessUI (nuxt-headlessui)
7. 📑 FormKit (@formkit/nuxt)
8. 🖼️ Auto imported SVG icons (vite + unplugin-icons)
9. 🌐 Internationalization (@nuxtjs/i18n)
10. ✒️ 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! 🎉