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).

Running the App#

Create a new stack:
```
$ pulumi stack init dev
```
Login to Azure CLI (you will be prompted to do this during deployment if you forget this step):
```
$ az login
```
Restore NPM dependencies:
```
$ npm install
```

Set the Azure region location to use:

$ pulumi config set azure-native:location westus

Run pulumi up to preview and deploy changes:

$ pulumi up
Previewing changes:
...

Performing changes:
...
Resources:
    + 9 created
Duration: 2m52s

Check the deployed website endpoint:

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

Static Website Using Azure Blob Storage and CDN

Running the App#

Related

Azure Static Website

AWS Static Website

The infrastructure as code platform for any cloud.