Nuxt 3 With Tailwindcss 3
π₯ If We need anything, I will add it.
The project was created under the impression of Antfu's vitesse-nuxt3
Thank you for your efforts for open source.
Features
-
π Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc. -
β‘οΈ Vite - Instant HMR -
π¨ Tailwindcss - A utility-first CSS framework for rapidly building custom user interfaces. -
βοΈ HeadlessUI - A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. -
β¨ Iconify - use icons from any icon setsπ IcΓ΄nes -
π₯ Thesyntax
-
π State Management via Pinia -
π₯ APIs auto importing - For Composition API, VueUse and custom composables. -
π Zero-config cloud functions and deploy -
π¦Ύ TypeScript, of course
Nuxt Modules
- VueUse - collection of useful composition APIs
- Pinia - intuitive, type safe, light and flexible Store for Vue.
IDE
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 initred/nuxt3-tailwindcss3-starter-kit my-nuxt3-app
cd my-nuxt3-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
ERROR Importing directly from a nuxt.config file is not allowed.
ERROR Importing directly from a nuxt.config file is not allowed. Instead, use runtime config or a module. [importing /nuxt.config.ts from index.html]
Seems that removed
'./nuxt.config.{js,ts}',
in the tailwind.config.js fix the error.