Close|CloudStack Canvas · How-To Guide
How-To Fix

Configure S3 Static Website Hosting

S3 can serve static HTML/CSS/JS files directly. When website hosting is enabled, you must specify an index document (typically "index.html") that S3 serves for requests to the root of the site or a directory.

Paste into this field

S3 → indexDocument

Output looks like

index.html

1Index document

The "indexDocument" is the file S3 returns when a request does not specify a file (e.g. a request to / or /about/). It must be a filename with an extension that exists in your bucket.

Set "Index Document" to index.html on your S3 node. This is the default for virtually all static sites.

4Enable website hosting in the panel

Select your S3 node → property panel → toggle "Static Website Hosting" on → confirm "Index Document" is set to index.html.

6Make objects public

S3 website hosting serves objects publicly. After deploying, you will also need to add a bucket policy allowing s3:GetObject to everyone, or use CloudFront with an Origin Access Control (OAC) to keep the bucket private.

8Pair with CloudFront

For HTTPS and custom domains, connect a CloudFront Distribution to your S3 bucket on the canvas. CloudFront handles SSL and caching; S3 handles storage.

Once you have the value, go back to CloudStack Canvas and paste it into the highlighted field.

CloudStack Canvas · Validation Guide

Configure S3 Static Website Hosting — CloudStack Canvas