Nuxt Firebase Auth Starter for all your Nuxt projects.

Adding Firebase Auth to Nuxt 3 projects has always been a pain in the ass (oops 😏). Decided to take the initiative and create a starter template for Nuxt lovers who would still love to enjoy Nuxt with Firebase.

Auth Components

An optimized auth component experience thats also completely customizable. Choose the auth strategies you need — email, OAuth.

Let's build your <SignIn />

How will your users signin?

Email Address

github

google

facebook

Sign in to My Application

Preview
tailus logo

Sign in to unlock the best of My Application.

Or

Don't Have an account? Signup.

Auto Import Composables

Leverage the auto import composables thats comes in with the Nuxt Firebase Auth Starter template.

Currently supported composables that you can use are as follows:

This composable is used to register users during authentication. It takes two arguments message (string) and password (string).

Features

Firebase

Minimal setup required to integrate all Firebase services into your Nuxt.js application. Leverage the built-in composables.

Pinia

Pinia is a state management library. It provides an efficient way to manage app state, making it easier to build robust and maintainable Nuxt apps.

Icons

Use any icon in your Nuxt application from your favourite icon set from the Icones library which houses over 100K+ icons and are free to use.

TailwindCSS + Shadcn

Use the collection of beautifully designed components provided by Shadcn. Copy and paste them into your apps easily.

Nuxt OG for SEO

Added the Nuxt OG Image support to improve your SEO. To Ensure that your page looks great when shared on social media.

Image Optimization

Leverage <nuxt-img> and <nuxt-picture> to otpimize Optimize your images using Nuxt's image optimization feature. Ensure fast load times and a smooth user experience.