A simple example about Nuxt3 + Typescript + tailwindcss + i18n + Eslint

🖥 Online Preview

Features

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

• 🚀 Vite - Instant HMR

• 🎨 tailwindcss - The popular atomic CSS engine.

• 😃 Use icons from iconfiy, powered by icones

• 🔥 The <script setup> syntax

• 📑 Layout system

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

• 🦾 TypeScript, of course

• 🌍 i18n

• 📝 Markdown support

• 📦 Pnpm - Fast, disk space efficient package manager

Plugins

Nuxt Modules

• VueUse - collection of useful composition APIs.
• ColorMode - dark and Light mode with auto detection made easy with Nuxt.

IDE

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

Clone to local

If you prefer to do it manually with the cleaner git history

cd nuxt-dev
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
pnpm run dev # or npm run dev