Deploy to Vercel
This guide will show you how to deploy Saas UI Pro to Vercel
New or existing projects
The following steps apply to projects that use the private NPM registry to install the Pro components.
If you use the monorepo, follow the monorepo deployment guide below.
-
Make sure you have configured the private NPM registry in your package manager.
-
If you made changes to the package manager config, make sure to commit the changes and push them your repository.
-
Copy the
SAAS_UI_TOKEN
from step 1 and add it to your Vercel project's environment variables.
- You can now deploy your project and it will use the private NPM registry.
Deploying the monorepo
If you forked or created a new repository from the Pro template repository, follow these steps to deploy the monorepo to Vercel.
- Create a new project on Vercel.
- Connect your GitHub account.
- Find the repository you want to deploy and click
import
. - Select
apps/web
as the root directory. - Make sure
Include source files outside of the Root Directory in the Build Step.
is checked. - Override the build command with;
cd ../.. && yarn workspace web run build
- Override the install command with;
cd ../.. && yarn install
- Click deploy and celebrate 🎉
For reference, here is a screenshot of the deployment settings.
Was this helpful?