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

|
13 installs
| (0) | Free
Deploy static sites, HTML & front-end builds to a live URL in seconds — one click, no terminal, no config. Instant static web hosting inside 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 static site to a live URL from VS Code

Publish any folder to a live, shareable URL in seconds — right from your editor. No terminal, no build config, no FTP, no Git push. Sign in with your email, pick a folder, click Publish, and share the link.

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

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 site. Create a fresh site, or re-publish to an existing one to push an update — the URL stays the same.
  • One-click re-publish. Droply remembers which site each folder was last published to and auto-selects it next time, so shipping an update is a single click. (Toggle with droply.autoUpdate.)
  • No accidental overwrites. Updating a live site asks you to confirm first, so you never replace what's online by mistake. (Toggle with droply.confirmBeforeUpdate.)
  • 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.

Perfect for

  • Landing pages, portfolios, and personal sites you want live in seconds.
  • Client demos and previews you can hand off as a plain link.
  • Framework build output — the dist / build folder from React, Vite, Vue, Angular, Astro, Svelte, or a Next.js static export.
  • Static docs, marketing pages, and one-off HTML files.

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. If you've published this folder before, Droply pre-selects that site for you.
  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.autoUpdate true Re-opening a folder you've published before auto-selects Update existing with that site, so re-publishing is one click. Never watches files or deploys on its own.
droply.confirmBeforeUpdate true Ask for confirmation before overwriting an existing live site. Creating a brand-new site is never gated.
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.

Will re-publishing overwrite my live site? Yes — updating an existing site replaces what's live at that URL (the URL itself doesn't change). By default Droply asks you to confirm first; turn that off with droply.confirmBeforeUpdate.

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