Top Nuxt 3 Starter Template

Netlify Status

Fastest and most comfortable development experience started template
 With ?  from  @ctwhome, inspired by @antfu vitesse

Features

  • ❇️  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.
  • ⚡️ Vite – Instant HMR
  • ?  PWA – Vite Intlify plugin (thanks to @userquin for the contribution)
    • Offline mode, new content available prompt,
  • ? TailwindCSS 3 – JIT engine by default
    • ?‍? DaisyUI – Theme CSS components for TailwindCSS
    • ? Theme switcher – Custom theme and 22 themes to choose from.
  • ? TypeScript
  • ? .env settings environments
  • ⭐️ Format on save with ESLint (VSCode Settings file and WebStorm)
  • ✨ All Iconify on-demand – +100.000 SVG icons completely customizable
  • ? 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
  • ? Markdown HTML pages
  • ? Feed RSS generator

Nuxt Modules

  • VueUse – a collection of useful composition APIs
  • Pinia – intuitive, type-safe, light, and flexible Store for Vue.

Installation and running locally

npx degit ctwhome/top-nuxt3 <directory-name>
yarn install

Updaging fork

1.Add remote from original repository in your forked repository:

git remote add upstream git://github.com/ctwhome/top-nuxt2.git
git fetch upstream
  1. Updating your fork from original repo to keep up with their changes:
    git pull upstream main

Start the development server on http://localhost:3000

yarn dev

IDE

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

Production

Build the application for production:

yarn build

Checkout the deployment documentation.