The fastest and most comfortable development experience started template.
Everything comes installed for a speedy staring with examples. Simply remove what you don't need and you are good to go :)
With 💚 from @ctwhome, inspired by @antfu vitesse.
- ❇️ Nuxt 3
- 🔥 The
<script setup>
syntax - 🏎 Zero-config cloud functions and deploy SSR working with Netlify thanks to the new Nuxt 3 Functions
- 📥 APIs auto importing - for Composition API, VueUse and custom composables.
- ESR, File-based routing, components auto importing, modules, etc.
- 🦾 TypeScript
- 💻 .env settings environments
- ⭐️ Format on save with ESLint (VSCode Settings file and WebStorm)
- 🔥 The
- ⚡️ Vite - Instant HMR
- 📴 PWA - vite-plugin-pwa (thanks to @userquin for the contribution)
- Offline mode, new content available prompt,
- WIP PWA not working correctly.
- 🎨 TailwindCSS 3 - JIT engine by default
- 👩🎨 DaisyUI - Theme CSS components for TailwindCSS
- 🌈 Theme switcher - Custom theme and 22 themes to choose from.
- 📄 Styled Markdown HTML components
- Render Vue and HTML from markdown
- Dynamic pages, (Limitation with Vite, I can't import dynamically files based on route params https://vitejs.dev/guide/features.html#glob-import)
- ✨ All Iconify on-demand - +100.000 SVG icons completely customizable
- Note that SSR will throw a warning because the SVG are not being processed server side. https://docs.iconify.design/icon-components/vue/#ssr
- 🌐 Multi-language support with vue-i18n-next thanks to @intlify/nuxt3
- YAML, JSON, JSON5 locale files
- Localize routes: (/en/about, /es/about, ...)
- 🐘 Supabase - WIP - Full stack development with Auth, Realtime, Storage, and of course PostgreSQL
- 🍍 State Management via Pinia
- 📤 Feed RSS generator
- VueUse - a collection of useful composition APIs
- Pinia - intuitive, type-safe, light, and flexible Store for Vue.
Nuxt is awesome, I am trying to use Nuxt 3 as much as I can to at least have the same features working that I have on top-nuxt with Nuxt 2.
npx degit ctwhome/top-nuxt3 <directory-name>
yarn install
- Add remote from the original repository in your forked repository:
git remote add upstream git://github.com/ctwhome/top-nuxt3.git
git fetch upstream
- Updating your fork from the original repo to keep up with their changes:
git pull upstream main
Start the development server on http://localhost:3000
yarn dev
We recommend using VS Code with Volar to get the best experience (You might want to disable Vetur if you have it).
Build the application for production:
yarn build
Check out the deployment documentation.