How to Self Host Umami Analytics on Netlify and Supabase
Track your website's performance with self-hosted Umami Analytics. Learn how to deploy on Netlify and Supabase for privacy-focused analytics.
1
2
Login to Supabase
and click "New Project"
3
Click "Create new project"
4
Click "Connect"
5
Copy Connection String
6
Fork your copy of Umami software
7
Click "Creating fork"
8
Click to copy the URL for cloning
9
Open the file
`db/postgresql/schema.prisma`
10
Add `directUrl = env("DIRECT_DATABASE_URL")`
11
Commit and push changes to GitHub repo
12
Login to Netlify
13
Click "Add new site"
14
Click "Import an existing project"
15
Select "GitHub"
16
Select your Umami repository
17
Change the build command to
`yarn run build`
18
Add new environment variables
19
Add `?pgbouncer=true&connection_limit=1`
at the end of Connection String
20
Change Connection String's port number
from 6543 to 5432.
21
Click "Deploy"
22
Go to your deployed site
23
Username: admin
24
Password: umami
25
Click "Login"
26
Click "Go to settings"
27
Click "Users"
28
Click "Edit"
29
Set a new password
and click "Save"
30
Click "Websites"
31
Click "Add website"
32
Enter Name and Domain
and click "Save"
33
Click "Edit"
34
Select "Tracking code"
35
Copy the tracking code
36
Add the tracking code to your website's <head>
37
Click "View"
38
Hello, the first visitor!
