⚡ Supabase + Nuxt 4 Authentication Starter

A modern and secure authentication boilerplate built with the latest versions of Nuxt 4 and Supabase. Provides out-of-the-box support for user registration and login functionality, ideal for rapidly initializing new full-stack projects.

🆕 Changelog

• Migrated to Nuxt 4 using the new nuxt package
• Integrated latest Supabase JavaScript client (@supabase/supabase-js)
• Switched to pnpm as the preferred package manager for faster, disk-efficient installs

🚀 Live Demonstrations

Deployment Platform	Live URL
Vercel	https://supaauth-nuxt4.vercel.app/
NuxtHub	https://supaauth.nuxt.dev/

🖼️ UI Preview

✅ Key Features

• 🔐 Email/password-based authentication powered by Supabase Auth
• 💡 Seamless integration with Nuxt 4 Composition API
• 🧱 Minimal and modular architecture, ideal for customization and scaling
• 📱 Fully responsive design for both mobile and desktop
• 🧼 Clean, maintainable codebase with best practices in mind

⚙️ Project Setup

Ensure you have Node.js and pnpm installed.

# Install dependencies
pnpm install

# Start the development server
pnpm dev

🔧 Supabase Configuration

1. Create a project via supabase.com.
2. Go to Project Settings → API and retrieve your SUPABASE_URL and SUPABASE_ANON_KEY.
3. Create a .env file in your project root:

SUPABASE_URL=https://your-project-id.supabase.co
SUPABASE_ANON_KEY=your-anon-key

📚 Documentation

• Nuxt 4 Documentation
• Supabase Auth Documentation
• Supabase Client Reference

---

🧑‍💻 Author

Sefa Bulak 📫 Contact: [email protected] 🐙 GitHub: github.com/zackhatlen 🐦 Twitter: @ZHatlen

---

📝 License

This project is released under the MIT License.