▶️Vercel

Learn how to deploy your project to Vercel.

Vercel, a popular cloud platform for static sites and Serverless Functions, is known for its ease of use and performance optimization capabilities. It provides an ideal environment for deploying your Webstudio Projects.

See export types for more information about JavaScript applications vs. static sites.

JavaScript application

Learn how to deploy your dynamic JavaScript application to Vercel.

How to Export and Self-Host Your Site on Vercel

Prerequisites

• Install the Webstudio CLI

• Build your project locally

Once you've built the project locally, you can use the Vercel CLI to deploy your app directly to Vercel:

vercel deploy

Follow the Vercel CLI installation instructions. We plan to add more deployment targets in future.

Important Notes

If you use vercel build before vercel deploy, make sure to clean your app folder in the project afterward.

Vercel injects a few files to support and deploy Remix using their CLI, but these files are not necessary for your project when you use it locally.

Static site

Learn how to upload your static site to Vercel.

Prerequisites

• Export your project using one of the export methods

• Upload/commit your project to a Git provider (GitHub, Bitbucket, GitLab)

How to upload your project to Netlify:

• Go to dashboard

• Click “Import project” or “Add New” > “Project”

• Continue with one of the Git providers and authorize it

• Select the repository your project is in

• Click “Deploy”

See Vercel’s “Import an existing project” doc for a comprehensive tutorial.