Using a custom domain on Vercel free tier with Supabase backend

Help
, ,
1

Problem

I am creating a Next.js application for a non-profit org and am going through a Next.js + Supabase course on Udemy to achieve the same.

Question

I was wondering - If I need to have a domain name, the-non-profit.com to deploy to, can I:

  1. Use the free tier of Supabase (with no custom domain for the backend).
  2. Use a custom domain on the free tier of Vercel for the Next.js front-end.

I am a bit not sure going about the deployment on 2 different systems for which I need to showcase the-non-profit.com - any thoughts would be appreciated.

7

Hey @anjanesh, welcome to the community, great questions! :smile:

Yes, you can host your Next.js frontend with a custom domain on Vercel on the Hobby tier.

In the Vercel Marketplace, there is a Supabase integration which may help for setup, and Supabase should have default URLs to use. Then you can connect them through environment variables.

Does that help?

8

So if the website does get traction, then its $25+$10 per month for Supabase (PRO + custom domain) and $20 a month for Vercel - so that would convert to $55 a month for a site thats gets some reasonable traffic, am I right ?

9

For Vercel, the Hobby plan is quite generous (I had a lot of projects deployed on it before I upgraded), and is fine for personal and non-commercial projects. You can monitor the usage in the Vercel dashboard too to give you insight on what’s being used. Here’s some more detailed info on pricing.

For your backend on Supabase:

  • you can also start off on the Supabase free tier with up to 2 projects (here are the pricing details)
  • the custom domain is an optional add-on and you may not need one - here’s some more information about Custom Domains on Supabase. (The Supabase custom domain is different to the custom domain you’d set up on Vercel for your frontend, which your users would see, for your website. The one on Supabase is a custom domain for your API)

So in summary, you can have a sufficient start on both free tiers for both your frontend and backend - the pricing details I’ve linked should help give you an idea of what you can expect for each. :slight_smile:

10

Thats good enough information for me - I’ll probably let the stakeholders know that its all $0 at the beginning and if the number of users cross 10,000 or so, then its worth looking into funding a minimum of $55 a month, correct ?

11

Great - you can reference the pricing pages which detail what the limits are for the different plans, if that helps.

Glad to assist, and good luck with your project! :slight_smile: