Self-Hosting
Webstudio can be self-hosted, putting you in control of your hosting, pricing, security, and compliance.
Last updated
Was this helpful?
Webstudio can be self-hosted, putting you in control of your hosting, pricing, security, and compliance.
Last updated
Was this helpful?
The Builder and Projects are hosted separately. The Builder is used to create Projects, and when a Project is published or exported, the site/app is deployed independently.
While both the Builder and the generated site are open-source, self-hosting the Builder in production is more difficult and currently not recommended. You can still , and of course, you can self-host the sites for production.
After building, export your Projects and host them on your own server or preferred platform.
There are two ways to export Projects:
– Allows you to interact with and export your Projects. Supports static and dynamic (see below).
– Click a button in the Webstudio Builder, and the Project will be downloaded as a zip. Supports static only (see below).
If you are self-hosting the Builder, then please use the to export your project.
There are two types of exports:
JavaScript application – Builds a dynamic . This is the default behavior of Webstudio Cloud and provides the most functionality, but it requires hosting that works with apps.
Static site – Outputs a static site (HTML/CSS/JS) with limited functionality, but has more versatile hosting options.
This is the default behavior if you were to publish to Webstudio Cloud.
JavaScript applications require a hosting environment that handles server-side code execution, fetching data from CMS integrations, and more.
Here are the platforms we have documented.
Serverless:
Serverless platforms enable you to push code, and they handle the rest, from infrastructure to scaling.
Servers:
Webstudio provides a Dockerfile, which enables your site to run on any server that supports containers.
The Docker build requires a minimum of 1 GB of memory and 1 core CPU, though more is recommended.
You can optionally export your Webstudio Project as a static site, i.e., a collection of HTML, CSS, JavaScript, and image files. This allows you to host your site on traditional hosting providers or, better yet, on dedicated static site hosting and deployment platforms.
While static site exporting and hosting are less technical, this comes at the cost of functionality.
The following are not supported:
Dynamic pages
Redirects
Statuses
Client navigation
Webhook form
Image optimization
No robots.txt
No sitemap.xml
To run a project locally, you must run a simple local server. Use the command npx serve . to spin one up. This is required because the static files use absolute URLs.
Here are the platforms we have documented:
If you want the export to contain human-readable class names, disable atomic CSS. See for more information.
The JavaScript application supports dynamic functionality like , Webhook forms, , redirects, and more.