How to deploy your SaaS with Netlify

Jonathan Wilke

Jonathan Wilke

4/26/2024

#Guide#Deployment
How to deploy your SaaS with Netlify

In this guide we will show you how to easily deploy your supastarter SaaS with Netlify.

Before we start, make sure you have a Netlify account. If you don't have one yet, you can create one for free at netlify.com.

1. Create a new project

After creating an account, you should see a prompt on the dashboard to create a new site from a Git repository. Click on the Import from Git button.

Create a new project

2.Select your repository

If not already done, you will be asked to connect your Git provider account. After that, you can select the repository you want to deploy.

Select a repository

3. Configure the build

After selecting the repository, you will be promted to configure the build settings. Usually Netlify will detect the correct settings automatically. If not, you can configure them manually like in the screenshot below:

Configure the deployment

Build configuration

Make sure to copy and paste all the envs from your local .env.local file to the Netlify build settings in the Environment Variables section.

5. Deploy the site

Now click on the Deploy site button and wait for the deployment to finish. After that, you should be able to visit your freshly deployed SaaS.


💡 Tip: Select function region for better performance

After your site has been deployed, go to Site configuration -> Build & deploy -> Functions region and select the region closest region to where your database is hosted. This will reduce the loading time of your api functions and improve the overall performance of your SaaS.

Make sure to redeploy your site after changing the region by clicking the Trigger deploy button on the Deploys page of your project.

Select functions region


That's all it takes to deploy your supastarter SaaS with Netlify! If you have questions, feedback or feature requests, feel free to reach out to us on Twitter.

The ultimate starter kit to build a scalable and production-ready SaaS

Save endless hours of development time and focus on what's important for your customers with our SaaS starter kits for Next.js 15 and Nuxt 3

Get started

Stay up to date

Sign up for our newsletter and we will keep you updated on everything going on with supastarter.