About WebDrop
WebDrop is a high-performance, minimalist, cloud-powered HTML/CSS/JS compiler and live sandbox pastebin designed for rapid prototyping, interactive demonstrations, and effortless sharing.
⚡ Core Architectural Highlights
Astro 5 & Serverless Edge
Powered by Astro 5 in SSR mode with @astrojs/vercel adapter, delivering near-zero cold start latency and instant global edge distribution.
Multi-Layer Sandboxing
User code executes within a restricted <iframe sandbox="..."> container, isolating client scripts while allowing safe interactive modals and animations.
Real-Time Console Bridge
An internal postMessage bridge intercepts standard console.log(), warnings, errors, and uncaught exceptions, streaming them directly into the developer console drawer.
MongoDB + In-Memory Fallback
Persists projects, view counts, and password hashes in MongoDB with an automatic in-memory fallback for reliable local development and offline resilience.
⌨️ Keyboard Shortcuts Reference
| Shortcut | Action | Scope |
|---|---|---|
| ⌘ + Enter or Ctrl + Enter | Compile & Run / Publish Live Project | Editor & Global |
| ⌘ + N or Ctrl + N | Start New Blank HTML Compiler | Global |
| Tab | Insert 2-space code indentation | Code Textarea |
| Esc | Close active modal dialog | Global |
🔌 Developer & Integration Endpoints
/{slug}/raw Returns the unformatted, direct text/html; charset=utf-8 payload for iframes, curl, or terminal automation.
/api/project JSON API endpoint to programmatically create or update projects (accepts html, slug, editCode, isEdit).