Nuxt Stack

This is my current setup I'd use to start new "real world" Nuxt webapp. This will improve and grow together with my skills. I will also try to include WHAT and WHY comments.

Features

• npm or pnpm based project
• Nuxt application framework atop Vue.js
• VueUse for utility functions
• Tailwind CSS for styling
• NuxtImage to optimize use of images
• nuxt/i18n for localization
• Pinia for state management
• Supabase for auth and DB services
• FormKit for input forms
• Icônes for providing SVG icons
• ESLint via @nuxt/eslint for automatic code quality check

How to use

1. git checkout nuxt-stack project
2. npm install or pnpm install *
3. setup supabase (optional)
4. npm run dev or pnpm run dev
5. localhost:3000

You are ready to build your next awesome project in Nuxt.

* based on your choice delete either pnpm-lock.yaml or package-lock.json. Template allows both, but only one is desired to be kept in your project.

Related article

https://master-coda.netlify.app/article/nuxt-stack