NuxtVueStarter

supaAuth — Nuxt Starter Template

By zackha

A Nuxt and Supabase authentication starter template with built-in login and registration pages, used to quickly set up a Nuxt project with email and password authentication.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-09-30View source

What stands out

A quick read of the recorded project description.

Provides login and registration pages based on email and password

Uses Supabase Auth as the authentication backend

Integrates with the Nuxt Composition API

Lean, modular project structure that is easy to customize

Pages display responsively on both mobile and desktop

Template Details

supaAuth is a Nuxt + Supabase authentication starter template. The repository describes adding login and registration pages to a Nuxt 4 project through Supabase authentication. The template provides an email and password authentication flow, uses Supabase Auth as the authentication backend, and integrates with Nuxt's Composition API. The project structure remains lean and modular, and the pages display responsively on both mobile and desktop, making it easy to continue customizing on this basis.

Before use, you need to create a project in Supabase, obtain SUPABASE_URL and SUPABASE_ANON_KEY from Project Settings → API, and configure these two items in the .env file in the project root directory. Dependency installation and development server startup use pnpm (pnpm install, pnpm dev). The README mentions that it has been migrated to Nuxt 4 and integrates the Supabase JavaScript client, and it also provides two online demo addresses: Vercel and NuxtHub.

The template itself focuses on the authentication entry point. The materials do not describe business modules, database table structures, or permission policies beyond login and registration; these need to be supplemented by users according to their own projects. The code is released under the MIT license and can be used, modified, commercially used, and distributed for free, but third-party assets such as demo images, fonts, and icons, as well as costs for external services such as Supabase, need to be verified separately.

NuxtVueStarter

Is it right for your project?

Use Cases

Quickly add login and registration entry points to a new Nuxt full-stack project
Build a frontend authentication interface on an existing Supabase project
Use as sample code for learning Nuxt and Supabase authentication integration
Extend the template with a personal center or protected pages

Suitable For

Developers using Nuxt who need email and password authentication
Teams that already use or plan to use Supabase as their backend
Projects that want to start from a lean authentication template and extend the business logic themselves

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Node.js and pnpm need to be installed first
2
Use pnpm install to install dependencies and pnpm dev to start the development server
3
Create a project in Supabase and obtain SUPABASE_URL and SUPABASE_ANON_KEY from Project Settings → API
4
Create a .env file in the project root directory and fill in the two variables above
5
Third-party assets such as demo images, fonts, and icons, as well as costs for external services such as Supabase, need to be verified separately

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

The code of this version may be used, modified, commercially used, and distributed for free.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Before use, you must register an account on the Supabase website and create a project yourself. The authentication function depends on this external service and cannot run independently of Supabase.
You need to obtain two credentials, SUPABASE_URL and SUPABASE_ANON_KEY, from the Supabase console; this involves external service account and API key requirements.
You must create a .env file in the project root directory and fill in the above Supabase variables, otherwise the authentication function will not work properly.
Demo images, fonts, icons, and other third-party assets need to be checked according to their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Create a project via [supabase.com](https://supabase.com).
Original README

Go to **Project Settings → API** and retrieve your `SUPABASE_URL` and `SUPABASE_ANON_KEY`.
Original README

Create a `.env` file in your project root:
Original README

https://github.com/zackha/supaAuth/blob/main/LICENSE https://github.com/zackha/supaAuth/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 90 / 100
Technologies: Nuxt · Vue
Website type: Starter

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2025-09-08
Screenshot last checked: 2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 67cbec3b1c396c8da289d55d2205aa380e66177b606a55709a4bf373069cf952

2026-10-01T13:54:24.484Z

Source file / repository

# ⚡ 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/](https://supaauth-nuxt4.vercel.app/) |
| NuxtHub             | [https://supaauth.nuxt.dev/](https://supaauth.nuxt.dev/)                 |

## 🖼️ UI Preview

<div align="center">
  <img src="https://user-images.githubusercontent.com/79358543/229441570-3ba48ca8-8cf3-4fd4-aac7-2cc5eac67a03.png" width="80%" />
  <br/><br/>
  <img src="https://user-images.githubusercontent.com/79358543/229441594-e7cbec31-726d-4029-96ba-d7631fd3aef5.gif" width="60%" />
</div>

## ✅ 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](https://nodejs.org/) and [pnpm](https://pnpm.io) installed.

```bash
# Install dependencies
pnpm install

# Start the development server
pnpm dev
```

## 🔧 Supabase Configuration

1. Create a project via [supabase.com](https://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:

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

## 📚 Documentation

- [Nuxt 4 Documentation](https://nuxt.com/docs)
- [Supabase Auth Documentation](https://supabase.com/docs/guides/auth)
- [Supabase Client Reference](https://supabase.com/docs/reference/javascript/introduction)

---

## 🧑‍💻 Author

**Sefa Bulak**
📫 Contact: [[email protected]](mailto:[email protected])
🐙 GitHub: [github.com/zackhatlen](https://github.com/zackhatlen)
🐦 Twitter: [@ZHatlen](https://twitter.com/ZHatlen)

---

## 📝 License

This project is released under the [MIT License](LICENSE).

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

laravel-nuxt

A Laravel + Nuxt decoupled starter kit with built-in login, registration, email verification, password reset, and Socialite third-party login (GitHub example), switchable between SPA and SSR.

Nuxt · Starter

canvas

Canvas is a Nuxt-based portfolio template that uses Nuxt Content for content management and Nuxt UI with Tailwind CSS for pages.

Nuxt · Portfolio

nuxt3-starter

A Nuxt 3 starter template generated by nuxi, preconfigured with UnoCSS, unplugin-icons, Pinia, and VueUse. It suits developers who need a quick Nuxt 3 project skeleton with atomic CSS and auto-import workflows, and is available under the MIT license.

Nuxt · Starter

starter

The official Nuxt starter template for Nuxt UI, based on Nuxt and Vue. It provides a runnable project skeleton, an online demo, and Nuxt UI installation documentation, with README commands for creating, installing, developing, building, and previewing.

Nuxt · Starter

bloggrify

Bloggrify is a Nuxt layer that turns Markdown files into a blog site, built on Nuxt Content with preconfigured analytics, newsletter, comments, SEO, RSS, and content components.

Nuxt · Blog

vitify-nuxt

Vitify Nuxt is an admin dashboard starter template built on Nuxt and Vuetify, featuring a drawer layout, automatic navigation and breadcrumbs, notification state, ECharts charts, theming and dark mode, and authentication via nuxt-auth-utils.

Nuxt · Admin dashboard