Bucket Sites

Turn any folder into a deployable static website.

Right-click any folder in BucketDrive and convert it into a live website. Sites are hosted directly from your S3 bucket with support for SPA routing, custom domains, and multi-platform deployment.

How It Works

  1. Right-click a folder containing HTML files
  2. Select "Create Site" from the context menu
  3. A site.json config file is created in the folder
  4. Preview your site instantly in the built-in iframe viewer
  5. Deploy to Vercel, Cloudflare, or Storj Linkshare

Site Configuration

Sites are configured via a site.json file at the folder root:

{
  "name": "My Portfolio",
  "domains": ["portfolio.example.com"],
  "root": ".",
  "spa": false,
  "cache": {
    "html": "no-cache",
    "assets": "max-age=31536000"
  },
  "headers": {},
  "redirects": [],
  "deploymentTargets": []
}
FieldDescription
nameDisplay name for the site
domainsCustom domain mappings
rootRoot directory relative to the folder
spaEnable SPA mode (routes all paths to index.html)
cacheCache-Control headers for HTML and assets
headersCustom response headers by path pattern
redirectsURL redirect rules
deploymentTargetsDeployment platform configs

Routing

The site router resolves paths in order:

  1. Exact file match (/about/about)
  2. HTML suffix (/about/about.html)
  3. Index file (/about/about/index.html)
  4. SPA fallback (if enabled, all paths → /index.html)
  5. 404 page (/404.html)

Deployment Targets

PlatformStatus
VercelSupported — auto-deploy from bucket
Cloudflare PagesSupported
Storj LinkshareSupported — native S3 hosting
Self-hostedSupported — any static server

View Modes

The site panel supports three modes:

  • View — Live iframe preview with navigation
  • Edit — Code editor for site files
  • Settings — Edit site.json configuration

Detection

BucketDrive automatically detects site-capable folders by looking for:

  • index.html at the folder root
  • An existing site.json config
  • Common web project structures

Detected sites show a globe icon and teal color badge in the file browser.