--- title: "Google Cloud Static Website" description: "Deploy a static website on Google Cloud with Pulumi, Cloud Storage, and Cloud CDN in TypeScript, Python, Go, C#, YAML, or HCL." url: "https://www.pulumi.com/dev/templates/static-website/gcp/" image: "https://www.pulumi.com/assets/og/dev/templates/static-website/gcp.png" --- # Google Cloud Static Website Deploy a static website on Google Cloud with Pulumi, Cloud Storage, and Cloud CDN in TypeScript, Python, Go, C#, YAML, or HCL. The Google Cloud Static Website template scaffolds a Pulumi project that stores site files in a [Cloud Storage bucket](https://www.pulumi.com/registry/packages/gcp/api-docs/storage/bucket/) configured for static website hosting and serves them through Cloud CDN, fronted by a [Global Address](https://www.pulumi.com/registry/packages/gcp/api-docs/compute/globaladdress/) for low-latency delivery and caching. The template ships with placeholder web content so the project deploys end to end out of the box. ![An architecture diagram of the Google Cloud Static Website template](./architecture.png) ## Using this template To use this template to deploy a website of your own, make sure you've [installed Pulumi](https://www.pulumi.com/docs/install/) and [configured your Google Cloud credentials](https://www.pulumi.com/registry/packages/gcp/installation-configuration#credentials), then create a new [project](https://www.pulumi.com/docs/iac/concepts/projects/) using the template in the language of your choice: **TypeScript** ```bash mkdir my-site && cd my-site pulumi new static-website-gcp-typescript ``` **Python** ```bash mkdir my-site && cd my-site pulumi new static-website-gcp-python ``` **Go** ```bash mkdir my-site && cd my-site pulumi new static-website-gcp-go ``` **C#** ```bash mkdir my-site && cd my-site pulumi new static-website-gcp-csharp ``` **YAML** ```bash mkdir my-site && cd my-site pulumi new static-website-gcp-yaml ``` **HCL** ```bash mkdir my-site && cd my-site pulumi new static-website-gcp-hcl ``` Follow the prompts to complete the new-project wizard. When it's done, you'll have a finished project that's ready to deploy and configured with the most common settings. Feel free to inspect the code in `index.ts` for a closer look. ## Deploying the project The template requires no additional configuration. Once the new project is created, you can deploy it immediately with [`pulumi up`](https://www.pulumi.com/docs/iac/cli/commands/pulumi_up): ```bash $ pulumi up ``` When the deployment completes, Pulumi exports the following [stack output](https://www.pulumi.com/docs/iac/concepts/stacks/#outputs) values: **TypeScript / Python / Go / C# / YAML** **`originHostname`** The provider-assigned hostname of the Google Cloud Storage bucket. **`originURL`** The fully-qualified HTTP URL of the storage bucket endpoint. **`cdnHostname`** The provider-assigned hostname of the Google Cloud CDN. Useful for creating `CNAME` records to associate custom domains. **`cdnURL`** The fully-qualified HTTPS URL of the Google Cloud CDN. **HCL** **`origin_url`** The fully-qualified HTTP URL of the storage bucket endpoint. **`origin_hostname`** The provider-assigned hostname of the Google Cloud Storage bucket. **`cdn_url`** The fully-qualified HTTPS URL of the Google Cloud CDN. **`cdn_hostname`** The provider-assigned hostname of the Google Cloud CDN. Useful for creating `CNAME` records to associate custom domains. Output values like these are useful in many ways, most commonly as inputs for other stacks or related cloud resources. The computed CDN URL, for example, can be used from the command line to open the newly deployed website in your favorite web browser: **TypeScript / Python / Go / C# / YAML** ```bash $ open $(pulumi stack output cdnURL) ``` **HCL** ```bash $ open $(pulumi stack output cdn_url) ``` ## Customizing the project Projects created with the Static Website template expose the following [configuration](https://www.pulumi.com/docs/iac/concepts/config/) settings: **TypeScript / Python / Go / C# / YAML** **`path`** The path to the folder containing the files of the website. Defaults to `www`, which is the name (and relative path) of the folder included with the template. **`indexDocument`** The file to use for top-level pages. Defaults to `index.html`. **`errorDocument`** The file to use for error pages. Defaults to `error.html`. **HCL** **`path`** The path to the folder containing the files of the website. Defaults to `./www`, which is the relative path of the folder included with the template. **`index_document`** The file to use for top-level pages. Defaults to `index.html`. **`error_document`** The file to use for error pages. Defaults to `error.html`. All of these settings are optional and may be adjusted either by editing the stack configuration file directly (by default, `Pulumi.dev.yaml`) or by changing their values with [`pulumi config set`](https://www.pulumi.com/docs/iac/cli/commands/pulumi_config_set): ### Using your own web content If you already have a static website you'd like to deploy on Google Cloud with Pulumi, you can do so either by replacing placeholder content in the `www` folder or by configuring the stack to point to another folder on your computer with the `path` setting: ```bash $ pulumi config set path ../my-existing-website/build $ pulumi up ``` ## Cleaning up You can cleanly destroy the stack and all of its infrastructure with [`pulumi destroy`](https://www.pulumi.com/docs/iac/cli/commands/pulumi_destroy): ```bash $ pulumi destroy ``` ## Learn more - Browse other architecture templates in the [Templates gallery](https://www.pulumi.com/templates). - Explore the [Google Cloud provider API docs](https://www.pulumi.com/registry/packages/gcp) in the Pulumi Registry. - Walk through Pulumi from the ground up in [Pulumi Tutorials](https://www.pulumi.com/dev/browse/?type=tutorial). - Read the latest [Google Cloud posts on the Pulumi blog](https://www.pulumi.com/blog/tag/google-cloud).