vCard Portfolio Nuxt 3 Template (extends from codewithsadee)

๐Ÿงช Working in Progress

vCard Desktop Demo vCard Mobile Demo


  • ๐Ÿ’š Nuxt 3 – SSR, ESR, File-based routing, components auto importing, modules, etc.

  • โšก๏ธ Vite – Instant HMR

  • ๐ŸŽจ Tailwind CSS – A utility-first CSS framework packed.

  • โœณ๏ธ PrimeVue – PrimeVue is a rich set of open source native components for Vue.

  • ๐Ÿ”ฅ 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


Nuxt Modules

  • VueUse – collection of useful composition APIs.
  • ColorMode – dark and Light mode with auto detection made easy with Nuxt.
  • Pinia – intuitive, type safe, light and flexible Store for Vue.

Clone to local

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


View Github