1. Packages
  2. Azure Native
  3. How-to Guides
  4. Static Website Using Azure Blob Storage and CDN
This is the latest version of Azure Native. Use the Azure Native v1 docs if using the v1 version of this package.
Azure Native v2.19.0 published on Tuesday, Nov 21, 2023 by Pulumi

Static Website Using Azure Blob Storage and CDN

azure-native logo
This is the latest version of Azure Native. Use the Azure Native v1 docs if using the v1 version of this package.
Azure Native v2.19.0 published on Tuesday, Nov 21, 2023 by Pulumi

    View Code Deploy

    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

    1. Install required plugins:

      $ pulumi plugin install resource azure-native 1.56.0
      
    2. Create a new stack:

      $ pulumi stack init dev
      
    3. Login to Azure CLI (you will be prompted to do this during deployment if you forget this step):

      $ az login
      
    4. Set the Azure region location to use:

      $ pulumi config set azure-native:location westus
      
    5. Run pulumi up to preview and deploy changes:

      $ pulumi up
      Previewing changes:
      ...
      
      Performing changes:
      ...
      Resources:
          + 9 created
      Duration: 2m52s
      
    6. 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>
      
    azure-native logo
    This is the latest version of Azure Native. Use the Azure Native v1 docs if using the v1 version of this package.
    Azure Native v2.19.0 published on Tuesday, Nov 21, 2023 by Pulumi