Hosting & Code Export

In this article, you'll learn:

  • How to export a project
  • How to self-host a project

TIP

Code export and self-hosting is available on all paid plans with a yearly commitment.

How to export a project

Once the export project feature has been added to your workspace, go to any published project's Settings > Deployments tab.

Click on the version of the app for which you'd like to export the code:

Where to find self-hosting and code export in WeWeb dashboard

What if the download button is disabled? Publish your project at least once to make it clickable.

Once downloaded, you'll find a zip file containing all your project's files (HTML, CSS and JS) ready to host anywhere you want.

How to self-host a project

ℹ️ What's the difference vs code export? ℹ️

Exporting a project means downloading the static files for the frontend app (HTML, CSS and JS files). If you're using auth in your app (be it WeWeb auth, Xano, Auth0 or Supabase), you'll also need to host the WeWeb auth server, which check for authentication on the backend, because doing so in the frontend only wouldn't be secure at all.

Here's a schema of the self-hosting architecture on a WeWeb app:

WeWeb's self-hosting schema

To configure it, please watch this 5 min video showing you how to self-host a WeWeb project:

WeWeb auth server is available here: https://github.com/weweb-assets/weweb-serveropen in new window

Code export example

You can download an example project hereopen in new window with both raw and built files.

Example of raw project files

Last Updated:
Contributors: Joyce Kettering