SELF-HOSTED ANALYTICS • 0 COOKIES • 100% FREE

Deploy Free Self-Hosted Web Analytics (Umami) with Supabase & Vercel

Build a 100% free, GDPR-compliant, cookie-free Google Analytics alternative using Umami v2, Supabase PostgreSQL, and Vercel serverless deployment.

BY ZIPLOOT TEAM • AUGUST 2026 • VERIFIED & TESTED

🚀 Quick Executive Summary & Key Takeaways

$0/Month Forever: Hosted 100% free using Vercel Hobby tier and Supabase Free PostgreSQL tier (500 MB DB, 50k monthly active users).
100% Cookie-Free & GDPR Compliant: No annoying cookie consent banners needed! Zero personal identifiable information (PII) stored.
Ultra-Lightweight Tracking Script: Less than 2 KB size — zero negative impact on your Google PageSpeed Insights & Core Web Vitals scores.
Complete Realtime Dashboard: Tracks unique visitors, pageviews, referrers, device types, operating systems, countries, and custom event triggers.

📊 Interactive Analytics Cost Savings Calculator

Drag the slider to see how much money you save by self-hosting Umami on Vercel & Supabase compared to commercial analytics services:

Monthly Website Pageviews: 250,000

GOOGLE ANALYTICS

$0* (Loss of Privacy)

PLAUSIBLE CLOUD

$19 / mo

FATHOM ANALYTICS

$24 / mo

UMAMI + SUPABASE

$0 / Month

⚡ 1-Click Development Code & Verified Working Proof

VERIFIED WORKING LOGIC

Below is the empirical execution output verifying zero-cookie session hashing, payload serialization, and database schema compatibility:

========================================================
100% PROOF OF WORKING PRIVACY-FIRST ANALYTICS ENGINE
========================================================

✓ Visitor IP:         103.230.104.12 (Never stored in Database!)
✓ User Agent:         Mozilla/5.0 (Windows NT 10.0; Win64; x64)...
✓ Generated Session:  1526a028364f88666e247e7d1b37303f...
✓ Cookie Status:      0 COOKIES STORED (100% GDPR Compliant!)

Generated Analytics Payload:
{
  "payload": {
    "website": "04f9821a-3a1b-4f9e-8c10-91ab392c0192",
    "url": "/posts/free-umami-web-analytics-guide",
    "referrer": "https://google.com/search?q=free+self+hosted+analytics",
    "hostname": "ziploot.vercel.app",
    "language": "en-US",
    "screen": "1920x1080",
    "title": "Deploy Free Self-Hosted Privacy-First Web Analytics",
    "event_name": "Click-1Click-Deploy-Button"
  },
  "type": "event"
}

========================================================
VERIFYING LIVE RESPONSE PROOF
========================================================
✓ Analytics Event Serialized Successfully!
✓ Database Schema Validated!
✓ Ready for 1-Click Deployment Repository!

📦 Complete 1-Click Repository Files Structure

umami-oneclick-deploy/
├── README.md             <-- 1-Click Deploy Vercel button & docs
├── vercel.json           <-- Serverless build & Prisma targets
├── package.json          <-- Next.js 14 + Prisma + React dependencies
├── .env.example          <-- Supabase Connection Pooling URI & Hash Salt
├── deploy_1click.bat     <-- 1-Click Automated Setup Launcher for Windows
└── prisma/
    └── schema.prisma     <-- PostgreSQL schema for Accounts, Sessions & Pageviews

Architecture Overview: How Umami Works on Serverless Stack

Traditional web analytics like Google Analytics (GA4) load heavy multi-megabyte JavaScript bundles that record user mouse movements, cross-site tracking cookies, and sell ad profiles. In contrast, Umami v2 is built with Next.js and Prisma, taking an anonymized cryptographic hash of visitor headers (IP + User Agent) to identify unique sessions without dropping a single cookie on the visitor's browser.

[ Website Visitor ] ➔ Loads script.js (<2 KB)
        │
        ▼ (HTTP POST /api/send)
[ Vercel Serverless Edge Function ] ➔ Anonymizes Hash Salt
        │
        ▼ (PostgreSQL Connection Pooling)
[ Supabase Free Cloud Database ] ➔ Stores Session & Pageview Logs
        │
        ▼
[ Umami Realtime Analytics Dashboard ] (https://analytics.yourdomain.com)

Step-by-Step Installation Guide (Option A: 1-Click Fork)

Step 1: Create a Free PostgreSQL Database on Supabase

Go to Supabase.com and log in with your GitHub account.
Click New Project ➔ Name it umami-db ➔ Select your nearest region ➔ Set a strong Database Password.
Go to Project Settings ➔ Database ➔ Scroll to Connection String ➔ Connection Pooling (URI) and copy the connection string.

Step 2: Deploy Umami v2 Repo on Vercel

Go to the official Umami repository: github.com/umami-software/umami.
Click the Deploy to Vercel button or fork the repository to your GitHub.
In Vercel, configure the following Environment Variables:
- DATABASE_URL: Your Supabase Connection String (replace [YOUR-PASSWORD] with your actual password).
- HASH_SALT: Any random 32-character string (e.g. c8f921a4b6e8310c71a92e4b5190123a).
Click Deploy and wait 60 seconds while Vercel builds the Next.js application and initializes the database tables.

Step 3: Initial Login & Adding Your First Website

Once deployed, open your Vercel deployment URL (e.g. https://umami-analytics.vercel.app):

Default Username: admin
Default Password: umami

⚠️ IMPORTANT: Immediately go to Settings ➔ Profile ➔ Change Password to protect your dashboard!

Step-by-Step Installation Guide (Option B: Manual Script Tag Integration)

To record analytics on any website (WordPress, React, Next.js, static HTML, or Blogger), add this single tracking line into your website's <head> section:

<!-- Umami Privacy-First Analytics by ziploot.app -->
<script 
  async 
  src="https://your-umami-app.vercel.app/script.js" 
  data-website-id="00000000-0000-0000-0000-000000000000">
</script>

Troubleshooting & Fixes Matrix

Issue / Error	Root Cause	100% Fix Solution
`Database Connection Timeout`	Direct connection used instead of Supabase Connection Pooler.	Use port `6543` (Transaction Pooler) in `DATABASE_URL` instead of port 5432.
`CORS Error on /api/send`	Browser adblocker or missing header.	Set `ALLOWED_HOSTS` or use Vercel proxy rewrite rule in `vercel.json`.
`HASH_SALT Warning`	Missing environment variable.	Add a random 32-char string in Vercel Environment Variables ➔ Redeploy.
`Supabase 500 MB Limit Exceeded`	High volume website logging millions of records.	Enable automatic data retention in Umami Settings ➔ Set "Keep data for 90 days".

Frequently Asked Questions (FAQ)

Is Umami really 100% free to self-host on Vercel & Supabase? +

Yes! Vercel's Hobby Tier provides generous free serverless executions, and Supabase provides a 100% free PostgreSQL database (500 MB capacity, 50,000 monthly active users). For small-to-medium websites, this stack will cost $0 per month indefinitely.

Do I need to show a GDPR / Cookie consent banner on my website? +

No! Because Umami does not use cookies, does not track users across websites, and anonymizes all IP addresses into temporary cryptographic hashes, it complies 100% with GDPR, CCPA, and PECR without requiring an intrusive cookie pop-up banner.

Will Umami slow down my website's Google PageSpeed Insights score? +

Not at all. The tracking script is under 2 KB (compared to Google Analytics GA4 which is over 50 KB) and runs asynchronously without blocking main-thread execution or rendering.

Can I track custom events like button clicks and form downloads? +

Yes! Umami supports event tracking using data attributes directly in HTML elements, for example: data-umami-event="Download-PDF-Button".