Nuxt Supabase

A supa simple wrapper around supabase-js to enable usage and integration within Nuxt.

Get started

Star on GitHub

pages/login.vue

<script setup lang="ts">
const supabase = useSupabaseClient()
const email = ref('')

async function signInWithOtp() {
  await supabase.auth.signInWithOtp({
    email: email.value
  })
}
</script>

<template>
  <input
    type="email"
    v-model="email"
    @keyup.enter="signInWithOtp()"
    placeholder="Login with email" 
  />
</template>

Shipped with many features

Nuxt 3 ready

Experience the power and flexibility of Nuxt 3, optimized for modern web development.

Vue 3 composables

Leverage the reusability and efficiency of Vue 3 composables in your projects.

Supabase-js V2

Empower Supabase for robust backend functionality.

Usage in API server routes

Implement Supabase in your API server routes.

Authentication support

Secure your applications with authentication support provided by Supabase.

TypeScript support

Enjoy a fully typed development experience.