Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Deploy to Droply — Static Site HostingNew to Visual Studio Code? Get it now.
Deploy to Droply — Static Site Hosting

Deploy to Droply — Static Site Hosting

Droply

| (0) | Free
Deploy and host static sites, HTML, and front-end builds on Droply — get a live URL in seconds, without leaving VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Deploy to Droply — publish a website from VS Code

Publish any folder to a live, shareable URL in seconds — without leaving your editor. No terminal, no build config, no FTP. Sign in with your email, pick a folder, and click Publish.

Droply is instant static hosting. Drop your HTML, your static-site build (React, Vue, Angular, Astro, Hugo…), or any folder of files and get a live https://your-name.droply.id link you can share.

Why you'll like it

  • No tokens to copy. Sign in right inside VS Code with a 6-digit email code. (Prefer a token? You can paste one.)
  • One panel, the whole flow. A dedicated Droply panel in the sidebar: choose a folder → name your site → Publish.
  • New or existing. Create a fresh site, or re-publish to an existing one to push an update — the URL stays the same.
  • See it go live. Watch packaging → uploading → publishing, then Open or Copy your link.
  • Free to start. Works on every Droply plan, including Free.
  • Private by design. Your token is kept in VS Code's encrypted Secret Storage. The extension talks only to the Droply API — no telemetry.

Getting started

  1. Install the extension.
  2. Click the Droply icon in the Activity Bar (the left sidebar) to open the Publish panel.
  3. Sign in — type your email and the 6-digit code we send you. (New to Droply? Create a free account at droply.host first.)
  4. Choose the folder to publish (it defaults to your open workspace folder).
  5. Pick New site and choose a name — or Update existing to re-publish.
  6. Click Publish to Droply. When it's live, hit Open site. That's it. 🎉

What you can publish

Anything static: a single index.html, a full static website, or the build output of a framework — React/Vite, Next (static export), Vue, Angular, Astro, Svelte, Hugo, Jekyll, and more. Droply serves your files exactly as they are; it never runs a build or server-side code. node_modules, .git, and common build caches are skipped automatically, so you just point at your project (or its dist/build folder) and go.

Sign-in options

  • Email code (recommended, great for non-developers): enter your email, get a 6-digit code, you're in. Nothing to copy or configure.
  • API token (advanced): paste a personal access token from your Droply dashboard — handy for power users.

Either way you stay signed in securely, and you can Sign out anytime from the panel.

Commands

Command What it does
Droply: Publish a Folder Open the Droply panel
Droply: Refresh Re-check your account and reload your sites
Droply: Sign Out Forget the stored token

Settings

Setting Default Description
droply.apiBaseUrl https://droply.host/api/v1 The Droply API endpoint. Leave as-is unless you self-host.

FAQ

Do I need an account? Yes — every publish is tied to your Droply account (no anonymous uploads). Sign up free at droply.host.

Is it free? The extension and the Free plan are free. Paid plans raise your limits and unlock custom domains, removing the banner, and more.

What will my URL be? New sites get https://<your-name>.droply.id. Re-publishing an existing site keeps the same URL.

Can I use my own domain? Yes — connect a custom domain in the Droply dashboard, and it will serve your published site.

Where do my files go? They're uploaded to Droply over HTTPS, extracted, and served from Droply's edge. Published sites are public, so don't include secrets.

A publish failed — why? Uploads above your plan's size limit return a clear message (lower the size or upgrade). For anything else, email us.

Support

Made by Droply — droply.host · contact@droply.host

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft