▶️Netlify

Learn how to deploy your project to Netlify.

Netlify, a popular choice for deploying modern websites and apps, offers features like continuous deployment from Git across a global application delivery network, serverless form handling, and more. It provides an ideal environment for deploying your Webstudio Projects.

Netlify supports deploying both dynamic apps and static sites.

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

JavaScript application

Learn how to deploy your dynamic JavaScript application to Netlify.

Prerequisites

• Install the Webstudio CLI

Use the Netlify CLI to deploy your app directly to Netlify:

netlify deploy

You can configure the project to support Netlify serverless/edge-functions respectively, as deployment target at the time of initially setting up your project. Please check the initiating-a-webstudio-project section.

You can manually change it using the build command. For serverless functions:

webstudio build --template netlify-functions

and for edge functions:

webstudio build --template netlify-edge-functions

Static site

Learn how to upload your static site to Netlify.

Prerequisites

• Export your project using one of the export methods.

How to upload your project to Netlify:

• Go to Sites

• Add a new site

  • Manually – upload the export zip from Webstudio

  

  • Git – Unzip the export and add it to a repository such as GitHub

• Click “Open production deploy”