This is a showcase of what I have learned on my journey with Nuxt so far. Each sub-project shows some Nuxt principles and functionality or an integration to an external tool. Feel free to explore them and use them as you'll see fit. Also don't hesitate to ask for more info or to correct me if you'd find something I messed up or should have been done better.
See also my NuxtNews - a list of Vue+Nuxt updates and intertig articles maintained since 11/2023.
NOTE: This project is maintainted using pnpm
as package manager due to excessive amount of disc space consumed by overlapping node_modules
directories created by good ol' npm
. However, there is no problem for you to keep using npm
, if you are used to. Just use respective version of command.
- nuxt-minimal - the smallest setup required to run Nuxt
- nuxt-simple - simple setup to start demo Nuxt app (also available as standalone Git project for easier forking and cloning)
- nuxt-pages - example of Nuxt pages and components
- nuxt-utils - example of Nuxt utils and composables
- nuxt-layouts - example of Nuxt layouts
- nuxt-api - example of Nuxt server-side API
- nuxt-middleware - example of middleware available in Nuxt
- nuxt-plugins - example of creating plugins in Nuxt
- nuxt-tailwind - integration with Tailwind CSS
- nuxt-bootstrap - integration with Bootstrap (alternative to Tailwind)
- nuxt-openprops - integration with Open Props (alternative to Tailwind)
- nuxt-icones - integration with Icônes
- nuxt-fa - integration with Font Awesome (alternative to Icônes)
- nuxt-ui - integration with Nuxt UI
- nuxt-formkit - integration with Formkit
- nuxt-dx - integration with DevExtreme UI (alternative to Formkit)
- nuxt-fonts - incorporate (Google) font sets easily with Nuxt Google Fonts module
- nuxt-content - creating content pages easily with Nuxt Content module
- nuxt-image - work with images easily with Nuxt Image module
- nuxt-pinia - integration with Pinia
- nuxt-supabase - integration with Supabase
- nuxt-neon - integration with Neon
- nuxt-use - various demos of VueUse features in Nuxt
- nuxt-animation - displaying simple animation using VueUse
- nuxt-stack - my ideal setup for starting new real-world Nuxt app (moved into standalone Git project for easier forking and cloning)