Static website using Azure Blob Storage and CDN in TypeScript

This example lives in the pulumi/examples repository. Check out just this directory to use it:

$ git clone --filter=blob:none --sparse https://github.com/pulumi/examples pulumi-examples
$ git -C pulumi-examples sparse-checkout set azure-ts-static-website
$ cd pulumi-examples/azure-ts-static-website

Based on https://github.com/zemien/static-website-ARM-template

This example configures Static website hosting in Azure Storage.

In addition to the Storage itself, a CDN is configured to serve files from the Blob container origin. This may be useful if you need to serve files via HTTPS from a custom domain (not shown in the example).

Prerequisites#

Deploying the example#

Create a new stack:
Terminal window
```
pulumi stack init dev
```
Log in to the Azure CLI (you will be prompted to do this during deployment if you forget this step):
Terminal window
```
az login
```
Set the Azure region to deploy into:
Terminal window
```
pulumi config set azure-native:location westus
```
Install dependencies:
Terminal window
```
npm install
```

Run pulumi up to preview and deploy changes:

pulumi up

Updating (dev):
...
Resources:
    + 9 created
Duration: 2m52s

Check the deployed website endpoint:

pulumi stack output staticEndpoint
curl "$(pulumi stack output staticEndpoint)"

https://websitesbc90978a1.z20.web.core.windows.net/
<html>
    <body>
        <h1>This file is served from Blob Storage (courtesy of Pulumi!)</h1>
    </body>
</html>

Cleaning up#

Once you are done, you can destroy all of the resources, and the stack:

pulumi destroy
pulumi stack rm

Static website using Azure Blob Storage and CDN

Prerequisites#

Deploying the example#

Cleaning up#

Related

Azure Static Website

AWS Static Website

The infrastructure as code platform for any cloud.