Nuxt3 Supabase Starter 🚀

Modern Nuxt3 starter template with fullstack capabilities. Features Supabase integration, UnoCSS styling，Element Plus components, and enterprise-grade tooling.

✨ Features

• ⚡ Nuxt3 with Vue3 Composition API
• 🗄️ Supabase v2 integration
• 🎨 UnoCSS + Element Plus UI + Iconify icons
• 🏪 Pinia state management with persistence
• 📐 ESLint + Antfu code style
• 🔒 Commitlint + Husky Git hooks
• 🧩 Auto-animate integration
• 📦 Optimized PNPM workspace
• 🌈 Unified CSS engine with UnoCSS

🛠️ Tech Stack

📦 Installation

1. Clone repository

git clone https://github.com/linhemin/nuxt3-supabase-starter.git

2. Install dependencies

pnpm install

3. Setup environment variables

cp .env.example .env

⚙️ Configuration

Update .env file with your Supabase credentials:

SUPABASE_URL=your-project-url
SUPABASE_KEY=your-anon-key

🚀 Usage

Development

pnpm run dev

Production Build

pnpm run build

Linting

pnpm run lint

Generate Static Site

pnpm run generate

📂 Project Structure

├── assets
├── components
├── composables
├── layouts
├── pages
├── plugins
├── public
├── server
├── stores     # Pinia stores
├── utils
└── app.vue

🔧 Recommended Tooling

• Nuxt DevTools
• Vue DevTools
• Supabase Studio
• Iconify

📄 License

MIT © HEMIN LIN