Static Website Using Azure Blob Storage and CDN in YAML

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-yaml-static-website
$ cd pulumi-examples/azure-yaml-static-website

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#

Install required plugins:

$ pulumi plugin install resource azure-native 1.56.0

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
```

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 endpoint
https://websitesbc90978a1.z20.web.core.windows.net/
$ curl "$(pulumi stack output endpoint)"
<html>

<head>
    <meta charset="UTF-8">
    <title>Hello, Pulumi!</title>
    <link href="favicon.png" rel="icon" type="image/png" />
</head>

<body>
    <h1>Hello, Azure!</h1>
    <p>Made with ❤️ with <a href="https://pulumi.com">Pulumi</a></p>
    <p>This file is served from Azure Blob Storage.</p>
</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.