Hosting your SaaS

Deploy your Supaboost app to Vercel, to show it to the world.


Now that we have a working application in the localhost, let's publish the application to the World Wide Web.

In this next steps guide, we will deploy to Vercel. You are free to publish your app to any hosting you like, I picked Vercel as they come with baked in Analytics.

Oh, and that sweet sweet build time.

Setting up your account

On Vercel.com, sign up for a Hobby account. This way, we can make sure that you can test your published site for free. Later you can upgrade to Pro, once you are ready to launch to the public.

Sign up with Vercel

vercel signup overview new user

Import from GitHub

I signed up with GitHub, which makes it easier for me to select the new project. Go to page https://vercel.com/new and select the Git Repository for your Supaboost app. If you don't have a GitHub link, you can add it from https://vercel.com/account/authentication and adding a new GitHub connection.

Add GitHub connection to existing Vercel account

Add GitHub connection to existing Vercel account

Create a new project from a GitHub repository

Click on Import for the Git Repository you want to enable.

Start new project from GitHub Repository in Vercel

Setting up the Environment variables

Remember the .env.local file? We are going to use that information again, to make sure our online hosted application can access this information. This is a vital step for the implementation, otherwise you won't have access to both Supabase and Lemonsqueezy!

On the left side of your screen, open the .env.local within your code editor. On the right side open Vercel.

Checking your environment variables

With this setup, you will easily be able to add all your environment variables to Vercel. Make sure to name the variables exactly the same as done in the .example.env.local file, to make sure your variables are either public or invisible. This will ensure the connection works properly.

Entering environment variables

After you enter the information for all of your variables, your overview should look like the image below.

Vercel environment variables completed

Deploy your new App

After you have finished this, make sure to click on 'Deploy'!

Now it's time to wait until the deployment has finished. It could happen that you receive some error's. This will be visible in the deployment logs. If you receive any error, make sure to figure out the cause, solve it, and commit your changes back to GitHub.

waiting to deploy to Vercel

After you finish, you will be able to access your Supaboost boilerplate from anywhere in the world.

my new saas on vercel

Steps to process

  1. Create a Vercel Hobby account
  2. Connect your GitHub account with Vercel (if not already done)
  3. Import the Git Repository from GitHub
  4. Set up your environment variables
  5. Deploy to the world-wide web