LogoLogo
Webstudio Home
  • Basics
    • ๐Ÿ‘‹Welcome
    • ๐Ÿ”ฅIntro
    • ๐ŸŽ“Building your first site
    • ๐Ÿค“Courses
    • ๐Ÿ”—Roadmap & Links
    • โ“FAQs
  • NEWS
    • ๐Ÿ†•April Update
    • ๐Ÿ†•December Update
    • ๐Ÿ†•September Update
    • ๐Ÿ†•Webstudio CMS Beta and Experts Network
  • university
    • โš›๏ธFoundations
      • ๐Ÿ› ๏ธAnatomy of the Webstudio Builder
      • ๐ŸงฑCSS Variables
      • ๐Ÿ–Œ๏ธDesign Tokens
      • ๐Ÿ”กData Variables
      • โž•Expression Editor
      • Animations
      • ๐Ÿ’พCMS
      • โ†”๏ธCopy-Paste
        • โ†”๏ธCSS
        • โ†”๏ธMarkdown
        • โ†”๏ธWebflow
      • Commands & Search
      • ๐ŸŽฏSEO Settings
      • Shortcuts
      • โš™๏ธProject Settings
      • Modes
      • Share Links & Transferring Projects
      • ๐ŸŒPublishing & Custom Domains
    • ๐ŸงฉCore Components
      • ๐Ÿ“ฆBox
      • ๐Ÿ”—Link
      • ๐Ÿ–ผ๏ธImage
      • ๐Ÿ“ƒList
      • โŒจ๏ธHTML Embed
      • Animation Group
      • Text Animation
      • Video Animation
      • Stagger Animation
      • โœ๏ธWebhook Form
      • โœ๏ธForm
      • โฏ๏ธVimeo
      • โ–ถ๏ธVimeo Background Video
      • YouTube
      • ๐Ÿ’ฌBlockquote
      • ๐Ÿ”ฒSlot
      • Head Slot
      • โž–Separator
      • ๐Ÿ“„Code Text
      • ๐Ÿ”˜Button
      • ๐Ÿ’พCollection
      • ๐ŸชœContent Embed
      • ๐ŸชœMarkdown Embed
      • Content Block
      • ๐Ÿ“˜XML Node
    • โ–ซ๏ธRadix UI Components
      • Accordion
      • Collapsible
      • Dialog
      • Navigation Menu
      • Popover
      • Radio Group
      • Select
      • Sheet
      • Switch
      • Tabs
      • Tooltip
    • Marketplace
    • ๐Ÿค–Webstudio AI
    • ๐Ÿ“คSelf-Hosting
      • โ–ถ๏ธCLI
      • โ–ถ๏ธDownload
      • โ–ถ๏ธCloudflare Pages
      • โ–ถ๏ธGitHub Pages
      • โ–ถ๏ธNetlify
      • โ–ถ๏ธVercel
      • โ–ถ๏ธAWS with Flightcontrol (Docker)
      • โ–ถ๏ธDigital Ocean with Coolify (Docker)
      • โ–ถ๏ธHetzner with Coolify (Docker)
    • ๐Ÿง‘โ€๐ŸซHow-Tos
      • โ–ถ๏ธHow to add icons
      • โ–ถ๏ธHow to create fluid video backgrounds with Vimeo
      • โ–ถ๏ธHow to create a countdown
      • โ–ถ๏ธHow to crop an image with out cropping the original image
      • ๐Ÿ€How to add a GSAP animation
      • โ–ถ๏ธBuild Your Own Directory Website with Airtable
      • โ–ถ๏ธUsing filters to dynamically display content (Airtable example)
    • ๐Ÿ”—Integrations
      • How to build a frontend for Hygraph using Webstudio
      • How to build a frontend for Airtable using Webstudio
      • How to build a WordPress frontend using Webstudio (no-code builder)
      • How to integrate a Notion database with Webstudio
      • How to integrate Webhook Form with Pabbly
      • How to integrate Webhook Form with Zappier
      • How to integrate Webhook Form with N8N
      • How to integrate a Webhook Form with Airtable
      • How to integrate Flotiq with Webstudio
    • Craft
  • Contributing
    • ๐Ÿง‘โ€๐ŸŽจContributing for Designers
    • ๐Ÿง‘โ€๐Ÿ’ปContributing for Developers
    • Contributing to the Marketplace
  • โš ๏ธErrors
    • โ–ถ๏ธConnecting your Hostinger Domain to Webstudio
    • ๐Ÿ”ŒWorker not found
    • ๐ŸŒฎAppSumo redemption failed
  • Misc
    • ๐Ÿ“ŠAccount Limits
    • ๐Ÿ†˜Webstudio Support Process
    • Fixing overflow issues
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
  1. university
  2. Self-Hosting

Download

Export your Webstudio Project with a click of a button.

PreviousCLINextCloudflare Pages

Last updated 9 months ago

Was this helpful?

The Webstudio Builder has a button that lets you download a static version of your site.

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

Downloading your project

  1. Click โ€œPublishโ€

  2. Click โ€œExportโ€

  3. Click โ€œBuild and download static siteโ€

  4. Wait up to a minute while the project is built then downloaded

The export contains a static site consisting of HTML, CSS, JS, and images ready to be uploaded to another platform.

See we have documented.

๐Ÿ“ค
โ–ถ๏ธ
export types
static site hosting platforms