---
contentId: 882ebfc2-25f7-46f3-b829-2d44a25b6f86
title: Build SaaS Apps With Confidence on NuxtHub with Gavarnie
description: Build and deploy NuxtHub SaaS apps easily with Gavarnie. Offers social login, email verification, is free, and open-source!
date: 2024-08-20
---

> [!NOTE]
> This starter was crafted during my free time. If you find it useful, please consider [supporting my work](/sponsorship).

TL;DR: [Gavarnie](https://github.com/barbapapazes/gavarnie)

![OpenGraph image of Gavarnie project](/posts/build-saas-apps-with-confidence-on-nutxhub-with-gavarnie/og.png)

Before exploring this starter, let me share the motivation behind its creation.

Several months ago, [Sébastien Chopin](https://github.com/atinux), the creator of Nuxt, introduced [NuxtHub](https://hub.nuxt.com), a platform to deploy and manage Nuxt applications, powered by [Cloudflare](https://cloudflare.com). Briefly, you can create applications by leveraging Cloudflare infrastructure like D1 (database) and R2 (storage), enabling easy deployment and management. _It's akin to Vercel or Netlify but for Nuxt applications, and I find it exceptional._

However, this operates on what's known as **the edge**, which differs from traditional application deployment methods like VPS. The edge uses workers, similar to web workers in your browser, but on the server side. This system allows for cost-effective and speedy deployment, though it comes with several constraints such as [available APIs](https://developers.cloudflare.com/workers/runtime-apis/) and limited compute time. It's a trade-off.

The edge introduces a new conceptual approach where limitations necessitate innovative solutions. _While challenges exist, rest assured, you can still achieve your desired outcomes._ This new landscape requires building a comprehensive ecosystem around it. _Do not expect ready-to-use solutions for everything; I'll expand on this in another post._

> Gradually, the edge should be mastered.

Here is where Gavarnie makes its entrance.

## Gavarnie

![Cirque de Gavarnie by Jean-Christophe BENOIST,<br>CC BY 3.0 <https://creativecommons.org/licenses/by/3.0>, via Wikimedia Commons](/posts/build-saas-apps-with-confidence-on-nutxhub-with-gavarnie/gavarnie.jpg)

Gavarnie is a starter intended for use with NuxtHub, specifically on the Cloudflare infrastructure. _If you require compatibility with Supabase, Turso, or Vercel, this may not be the right fit._ It features pre-configured social authentication with multiple providers, email verification, and prioritizes architectural and security best practices.

The most important, it's **free** and **open-source**, allowing you to commence your SaaS project now or leverage it **for learning** and **to foster ecosystem development**.

Indeed, one of my objectives with Gavarnie is not to create just another starter but to further the initiative to advance Nuxt and NuxtHub. I am convinced that by establishing common, robust foundations, we can collectively strengthen the ecosystem surrounding NuxtHub and the edge. Thus, Gavarnie serves as **a starting point**, **not an end**, and it's up **to us to nurture its growth**. _Please, join me in enhancing it._

> Gavarnie is a beginning, not a conclusion.

## Features

Gavarnie is developed on Nuxt and NuxtHub. These two serve as the backbone of this project, with all elements constructed around them.

In its current form, [Gavarnie](https://github.com/barbapapazes/gavarnie) enables users to create an account using their social profiles (GitHub and Twitch), link social accounts, change their email address using a verification mechanism, update their profile and display picture, and delete their account.

The email service is facilitated by [Resend](https://resend.io), simplifying email transactions.

The user interface is powered by [Nuxt UI Pro](https://ui.nuxt.com), a UI toolkit provided by the Nuxt team for Nuxt applications.

Social authentication is offered via the [nuxt-auth-utils](https://github.com/atinux/nuxt-auth-utils) module, which simplifies social authentication in Nuxt. It supports several providers such as Google, Facebook, Twitter, GitHub, among others.

Moreover, I incorporated the [Nuxt Security](https://nuxt.com/modules/security) module to enhance application security. This starter includes pre-configured CSP, a CSRF _which I plan to improve_, and a rate limiter to prevent abuse of sensitive endpoints.

Gavarnie is a continuation to bring full-stack capabilities to Nuxt applications.

<CalloutReadMore id="f47ef865-e311-48e6-ab6e-6f7ee6bde6e8" />

<CalloutReadMore id="6df6b96b-58fc-4294-8a38-d209f2b36d19" />

Explore the <GitHubLink repo="barbapapazes/gavarnie" /> repository to discover more about its features and how to use them.

## Step by step

This marks just the **beginning** of the journey.

Gavarnie is a dynamic project that will evolve. We can envision incorporating better session management, an admin dashboard, an API token system, a billing solution, and more. _The opportunities are vast, and it's up to us to drive its development._

Having acquainted yourself with <GitHubLink repo="barbapapazes/gavarnie" />, feel free to explore it, extend it, experiment, and create practical applications with it.

Do not hesitate to give a star, start a discussion on the GitHub repository for any questions or suggestions to enhance the starter! 💛
