Starter Kit for Nuxt 3

🧪 Working in Progress

🖥 Online Preview

Features

• 💚 Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.

• ⚡️ Vite - Instant HMR

• 🎨 Tailwindcss - A utility-first CSS framework for rapid UI development.

• 😃 Support 100,000 open source vector icons via Iconify

• 🔥 The <script setup> syntax

• 🍍 State Management via Pinia, see ./composables/user.ts

• 📑 Layout system

• 📥 APIs auto importing - for Composition API, VueUse and custom composables.

• 🏎 Zero-config cloud functions and deploy

• 🦾 TypeScript, of course

Plugins

Nuxt Modules

• VueUse - collection of useful composition APIs.
• ColorMode - dark and Light mode with auto detection made easy with Nuxt.
• Tailwindcss - A utility-first CSS framework for rapid UI development.
• Pinia - intuitive, type safe, light and flexible Store for Vue.
• Device - Nuxt.js module for detecting device type.
• Dayjs - Official Day.js module for your Nuxt.js project.
• Google Fonts - Google Fonts module for NuxtJS.
• Icon - The component, supporting Iconify, Emojis and custom components.
• Sitemap - Sitemap Module for Nuxt.

Nuxt Plugins

• Gesture - Vue Composables making your app interactive.
• LottieWeb - Vue.js toast notification plugin for vue 3.
• Toast - Vue.js toast notification plugin for vue 3.
• DaisyUI - The most popular, free and open-source Tailwind CSS component library.
• Marquee - A simple marquee component with ZERO dependencies for Vue 3.

IDE

We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).

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

Circle CI Deployment

This project uses Circle CI for continuous deployment, automating the process of building and deploying your application.