title | og:title | description | icon |
---|---|---|---|
Self-hosting Dub.co |
How to self-host Dub.co in 8 easy steps |
An end-to-end guide on how to self-host Dub.co – the open-source link management platform. |
server |
You can self-host Dub.co on your own servers and cloud infrastructure for greater control over your data and design. This guide will walk you through the entire process of setting up Dub.co on your own servers.
Before you begin, make sure you have the following:
- A GitHub account
- A Tinybird account
- An Upstash account
- A PlanetScale account
- A Vercel account
- Either a Cloudflare or AWS account
You'll also need a custom domain that you will be using for your Dub.co instance, with an optional custom short domain for your links.
In this guide, we'll use acme.com
as a placeholder for your custom domain, and ac.me
as a placeholder for your custom short domain.
First, you'll need to clone the Dub.co repo and install the dependencies.
First, clone the Dub repo into a public GitHub repository. If you are planning to distribute the code or allow users to interact with the code remotely (e.g., as part of a hosted application), make sure to provide source access (including modifications) as required by the AGPLv3 license.
```bash Terminal
git clone https://github.com/dubinc/dub.git
```
Run the following command to install the dependencies:
```bash Terminal
pnpm i
```
Delete the `apps/docs` directory since it's not needed for self-hosting:
```bash Terminal
rm -rf apps/docs
```
Delete the `apps/web/vercel.json` file since cron jobs are not required for the self-hosted version:
```bash Terminal
rm apps/web/vercel.json
```
Convert the `.env.example` file to `.env`. You can start filling in the first few environment variables:
```bash Terminal
# The domain that your app will be hosted on
NEXT_PUBLIC_APP_DOMAIN=acme.com
# The short domain that your app will be using (could be the same as the above)
NEXT_PUBLIC_APP_SHORT_DOMAIN=ac.me
# The ID of the Vercel team that your app will be deployed to: https://vercel.com/docs/accounts/create-a-team#find-your-team-id
TEAM_ID_VERCEL=
# The unique access token for your Vercel account: https://vercel.com/guides/how-do-i-use-a-vercel-api-access-token
AUTH_BEARER_TOKEN=
```
You will fill in the remaining environment variables in the following steps.
Next, you'll need to set up the Tinybird Clickhouse database. This will be used to store time-series click events data.
In your [Tinybird](https://tinybird.co/) account, create a new Workspace.
Copy your `admin` [Auth Token](https://www.tinybird.co/docs/concepts/auth-tokens.html). Paste this token as the `TINYBIRD_API_KEY` environment variable in your `.env` file.
In your newly-cloned Dub.co repo, navigate to the packages/tinybird
directory.
Install the Tinybird CLI with `pip install tinybird-cli` (requires Python >= 3.8).
Run `tb auth` and paste your `admin` Auth Token.
Run `tb push` to publish the datasource and endpoints in the `packages/tinybird` directory. You should see the following output (truncated for brevity):
```bash Terminal
$ tb push
** Processing ./datasources/click_events.datasource
** Processing ./endpoints/clicks.pipe
...
** Building dependencies
** Running 'click_events'
** 'click_events' created
** Running 'device'
** => Test endpoint at https://api.us-east.tinybird.co/v0/pipes/device.json
** Token device_endpoint_read_8888 not found, creating one
** => Test endpoint with:
** $ curl https://api.us-east.tinybird.co/v0/pipes/device.json?token=p.ey...NWeaoTLM
** 'device' created
...
```
You will then need to update your [Tinybird API base URL](https://www.tinybird.co/docs/api-reference/api-reference.html#regions-and-endpoints) to match the region of your database.
From the previous step, take note of the **Test endpoint** URL. It should look something like this:
```bash Terminal
Test endpoint at https://api.us-east.tinybird.co/v0/pipes/device.json
```
Copy the base URL and paste it as the `TINYBIRD_API_URL` environment variable in your `.env` file.
```bash Terminal
TINYBIRD_API_URL=https://api.us-east.tinybird.co
```
Next, you'll need to set up the Upstash Redis database. This will be used to cache link metadata and serve link redirects.
In your Upstash account, create a new database.
For better performance & read times, we recommend setting up a global database with several read regions.
![Upstash Redis database](/images/upstash-create-db.png)Once your database is created, copy the UPSTASH_REDIS_REST_URL
and UPSTASH_REDIS_REST_TOKEN
from the REST API section into your .env
file.
Navigate to the QStash tab and copy the QSTASH_TOKEN
, QSTASH_CURRENT_SIGNING_KEY
, and QSTASH_NEXT_SIGNING_KEY
from the Request Builder section into your .env
file.
Next, you'll need to set up a PlanetScale-compatible MySQL database. This will be used to store user data and link metadata.
{/* prettier-ignore */} PlanetScale recently removed their free tier, so you'll need to pay for this option. A cheaper alternative is to use a MySQL database on Railway ($5/month).
For local development, we recommend using a local MySQL database with PlanetScale simulator (100% free).
In your [PlanetScale account](https://app.planetscale.com/), create a new database.
Once your database is created, you'll be prompted to select your language or Framework. Select **Prisma**.
<Frame>
![PlanetScale choose framework](/images/planetscale-choose-framework.png)
</Frame>
Then, you'll have to create a new password for your database. Once the password is created, scroll down to the **Add credentials to .env** section and copy the `DATABASE_URL` into your `.env` file.
<Frame>
![PlanetScale add credentials](/images/planetscale-add-credentials.png)
</Frame>
In your Dub.co codebase, navigate to apps/web/prisma/schema.prisma
and replace all the columns in the DefaultDomains
model to the normalized version of your custom short domain (removing the .
character).
For example, if your custom short domain is ac.me
, your DefaultDomains
model should look like this:
```prisma apps/web/prisma/schema.prisma
model DefaultDomains {
id String @id @default(cuid())
acme Boolean @default(true)
projectId String @unique
project Project @relation(fields: [projectId], references: [id], onDelete: Cascade)
}
```
In the terminal, navigate to the `apps/web` directory and run the following command to generate the Prisma client:
```bash Terminal
npx prisma generate
```
Then, create the database tables with the following command:
```bash Terminal
npx prisma db push
```
Next, create a new GitHub App. This will allow you to sign in to Dub.co with your GitHub account.
Don't forget to set the following Callback URLs:
https://app.acme.com/api/auth/callback/github
http://localhost:8888/api/auth/callback/github
for local development.
Once your GitHub App is created, copy the Client ID
and Client Secret
into your .env
file as the GITHUB_CLIENT_ID
and GITHUB_CLIENT_SECRET
environment variables.
Dub stores user-generated assets in either S3 or S3-compatible services like Cloudflare R2. These include:
- Project logos
- User avatars
- Custom Social Media Cards images
We recommend using Cloudflare R2 for self-hosting Dub.co, as it's a more cost-effective solution compared to AWS S3. Here's how you can set it up:
You'll need to subscribe to the R2 service if you haven't already.
In your Cloudflare account, create a new R2 bucket. We recommend giving your bucket a descriptive name (e.g. dubassets
) and leaving the remaining settings as is.
In your bucket settings, copy the S3 API value – you'll need it in Step 3.
From the R2 main page, click Manage R2 API Tokens on the right-hand column.
![Cloudflare manage API tokens](/images/cloudflare-r2-manage-api-tokens.png)Then, click Create API Token.
![Cloudflare R2 API token](/images/cloudflare-r2-create-api-token.png)Make sure to name your API token something relevant to the service that will be using the token.
Give it "Object Read & Write" permissions, and we recommend only applying ito to a single bucket.
You can leave the remaining settings (TTL, Client IP Address Filtering) as is, and click Create API Token.
After you create you token, copy the Access Key ID
and Secret Access Key
values – you'll need them in the next step.
Once you have your credentials, set them in your .env
file:
STORAGE_ACCESS_KEY_ID= // this is the Access Key ID value from Step 2
STORAGE_SECRET_ACCESS_KEY= // this is the Secret Access Key value from Step 2
STORAGE_ENDPOINT= // this is the S3 API value from Step 1
In order for your images to be publically accessible in R2 you need to setup a domain. You can either use your own domain or an R2.dev subdomain.
To use your own domain, you'll need to create a CNAME record in your DNS settings that points to your R2 bucket.
In you plan to use an R2.dev subdomain, make sure you "Allow Access".
Then set the STORAGE_BASE_URL
in your .env
file to the domain you chose.
STORAGE_BASE_URL={URL your assets as available at} # https://static.example.com
Next, you'll need to set up Postmark for transactional emails (e.g. magic link emails):
- Follow this guide to create a new API token.
- Copy the API key into your
.env
file as thePOSTMARK_API_KEY
environment variable. - You'll then need to set up DKIM records and for your domain to start working. You can follow this guide to learn how to do so.
Dub uses Unsplash's API for the Custom Social Media Cards feature. You'll need to set up an Unsplash application to get an access key.
![Custom social media cards](https://assets.dub.co/changelog/custom-social-cards.png)Check out Unsplash's official documentation to learn how you can set up the UNSPLASH_ACCESS_KEY
env var.
Once you've set up all of the above services, you can now deploy your app to Vercel.
If you haven't already, push up your cloned repository to GitHub by running the following commands:```bash Terminal
git add .
git commit -m "Initial commit"
git push origin main
```
Make sure that your **Framework Preset** is set to **Next.js** and the **Root Directory** is set to `apps/web`.
<Frame>
![Vercel Framework Preset and Root Directory](/images/vercel-framework-preset.png)
</Frame>
In the **Environment Variables** section, add all of the environment variables from your `.env` file by copying all of them and pasting it into the first input field. A few notes:
- Remove the `PROJECT_ID_VERCEL` environment variable for now since we will only get the project ID after deploying the project.
- Replace the `NEXTAUTH_URL` environment variable with the app domain that you will be using (e.g. `https://app.acme.com`).
Click on **Deploy** to deploy your project.
<Tip>
If you get a `No Output Directory called "public" was found after the build
completed` error, make sure that your [Vercel deployment
settings](https://vercel.com/docs/deployments/configure-a-build) to make sure that they match the following:
<Frame>
![Vercel Deploy settings](/images/vercel-deploy-settings.png)
</Frame>
</Tip>
</Step>
Once the project deploys, retrieve your Vercel project ID and add it as the PROJECT_ID_VERCEL
environment variable – both in your .env
file and in your newly created Vercel project's settings (under Settings > Environment Variables)
Add both the NEXT_PUBLIC_APP_DOMAIN
and NEXT_PUBLIC_APP_SHORT_DOMAIN
as domains in your Vercel project's settings (under Settings > Domains). You can follow this guide to learn how to set up a custom domain on Vercel.
Once the deployment is complete, you should be able to visit your app domain (e.g. https://app.acme.com
) and see the following login page:
This guide is meant to be a starting point for self-hosting Dub.co. It currently depends on the following services to work:
- Tinybird for the analytics database
- Upstash for the Redis database
- PlanetScale for the MySQL database
- Vercel for hosting & Edge Middleware
In the future, we plan to make it easier to self-host Dub.co by making these dependencies optional by swapping them out for native databases (e.g. mysql, redis, clickhouse, GeoLite2 etc.)
Also, Docker is currently not supported, but we have a few open issues and PRs for it.