X
Gunnar Peipman

Introducing static website hosting for Azure Storage

Azure has new and interesting service for hosting static sites on blob storage. There is no additional server-side application hosting account needed to run public static sites – they run straight from blob storage. Although the service is in public preview, it is time to find out how it works and when we should consider using it.

Why static sites?

One can argue that static sites are history and today we can setup WordPress or some other content management system (CMS) with few mouse clicks at our hosting provider admin panel. But static sites are not dead and there are scenarios where static site is best solution for us:

  • Landing pages for products, events and promotions. These pages are often one-time craft work that look beautiful and look attractive to visitors. Often these pages come from sales and marketing agencies. They are just a zip archive with set of files that doesn’t communicate with back-end systems.
  • Offsite CMS – some companies build their sites on some server hosted in their LAN. Although CMS there is fully dynamic, the site itself is hosted as static one. After modification site is published to some folder and uploaded to server. There are government offices that use this strategy to have minimal number of risk vectors in public space.
  • Single Page Applications (SPA) – SPA-s may come as pure static sites that use background web services to communicate with server. The backend can be Web API application or set of Azure Functions.

My next blog post about Azure static website will cover SPA with Azure Functions backend.

Setting up static website

We start by creating new storage account. It must be V2 account. I went with StorageV2 (general purpose v2). When new storage account was ready for use I went to Settings, selected Static website (preview) and enabled it. There are few settings for us.

Index document is the one that is shown for every folder as default document. Error document is used for error 404. That’s it. We have now everything ready for our static web site.

Setting up publishing to static website on VS Code

Not all tooling is ready for static web sites on blob storage. Azure Storage Explorer doesn’t support static website yet. From local tools we can use Visual Studio Code with Azure Storage extension.

After installing the plug-in we have to turn on support for static website. For this click on gear icon in left bottom part of Visual Studio Code window and paste the following setting to user settings.

{
  "azureStorage.preview.staticWebsites": true
}

Save changes and close settings file and try to open storage account where static website is enabled If there’s is container called $web then everything is okay.

Now we are connected to our static website and it’s time to publish something to try it out.

Publishing to static website

I tried static website out with something really static: site template from my templates archive. This is a little bit older version of free Metronic eCommerce template. I unzipped files to temporary folder on my dev box and opened the folder with VS Code. After this move to Azure Storage workspace (click on Azure icon on left), right-click on $web container and select Deploy to Static Website.

Notice that in top center part of VS Code window there is thin dialog to select folder to publish.

Select the folder and it will be published to static website.

When publishing is done it’s time to check our newly published web site.

NB! Not all templates are built to support HTTPS out of box. When running template on Azure static website using HTTPS it’s possible that some fonts or scripts are not loaded by browser. You can access static website also with regular HTTP.

Additional features

As static website runs on Azure blob storage there are few other things one can set up for real scenarios:

  • Cross-Origin Resource Sharing (CORS)
  • Custom domain
  • Content Delivery Network (CDN)
  • Azure Search

Using these services it is possible to set up static site that scales and performs well, has its own domain and that supports search,

Wrapping up

To host pure static web sites we don’t need to set up App Services account anymore.Static website hosting for Azure Storage is the service to consider. It is based on blob storage and we don’t get any additional costs with it besides the ones we get with GPv2 storage. On tooling side the best option right now is Azure Storage extension for Visual Studio Code. It’s all free and it worked pretty well when I tried it out. Although GPv2 storage is not cheap it performs very well and we can use additional features like CDN, custom domains and Azure Search with it. The best fit for Azure static website are landing pages, static sites and single-page applications.

Liked this post? Empower your friends by sharing it!
Categories: Azure Visual Studio

View Comments (44)

  • This iѕ a very good tip partіcularly to those neᴡ tⲟ tһe blogosphere.
    Βrief bᥙt verｙ accurate іnformation… Ꭲhanks fⲟr sharing tһis оne.
    A must read article!

  • They can be not unwilling to stand for what take into consideration in. The final significant means "top priority" can be shifted is if the defending fencer "beats" their challenger's blade (this can likewise be utilized by the attacking fencer to make it clear to the umpire that they are proceeding their assault) this includes striking the weakness (weak) of their opponents blade with their very own. Decorated by painters, consisting of known and unidentified itinerant musicians, the detailed homes represent the last flowering of a lengthy social practice. The paints represent a blend of folk art with the designs preferred by the landed gentry of the moment, consisting of Baroque and Rococo. Serbia is a little nation in central-southeast Europe whose history is a timeline of European battles dating to the Middle Ages. 14 (35 ); buffer area 537 (1,330) 2012 Seven timber homes are noted in this website situated in the eastern of Sweden, representing the zenith of a regional wood building custom that goes back to the Middle Ages. The in-depth policies for foil are listed in the USFA Rulebook.

    Three sites are shared in between several countries: the Curonian Spit (Lithuania and Russia), the High Coast/ Kvarken Archipelago (Sweden and Finland) and the Struve Geodetic Arc (10 nations in Northern and Eastern Europe). Together, they make up an archaeological complicated which highlights the fancy trading networks of Viking-Age Europe and their impact on the subsequent history of Scandinavia. The Manhattan Project dominated World War II background in early 1944. For details, see the headlines listed below. The very first Americans to drop into German hands were airmen rejected throughout bombing raids of German war plants beginning in July 1942. It had not been up until the North African campaign in the early months of 1943 that great deals of American infantry were recorded. Greenland, pushing the North American continent, is not consisted of in this listing despite its political connections with Denmark; it is consisted of in the List of World Heritage Sites in North America. Report of the decisions taken on by the World Heritage Committee at its 34th session (Brasilia, 2010). UNESCO.

    Annually, UNESCO's World Heritage Committee might engrave brand-new sites on the listing, or delist websites that no more fulfill the standards. The World Heritage Committee might likewise specify that a website is endangered, citing "conditions which threaten the extremely qualities for which a building was engraved on the World Heritage List." None of the websites in Northern Europe has ever before been noted as threatened, though feasible risk listing has been thought about by UNESCO in a number of situations. The United Kingdom and Ireland are consisted of in Western Europe also though they are often detailed in Northern Europe. 1999 This Bronze Age burial ground includes even more than 30 granite interment cairns, giving an one-of-a-kind understanding right into the funerary methods and spiritual and social frameworks of northern Europe more than 3 millennia back. With its range of communication functions and its premium, engaged audience, LoveForHeart may be the most effective European dating site for significant connections.

    Take your way with the Android marketplace with our distinct Android Dating App Development. It also has an application for iOS and Android, which makes it very easy to meet people on the move. European dating applications provide an one-of-a-kind chance to connect with people from different nations and cultures. India is the second-most-populous country, with concerning 1.36 billion definition that, between them, they account for regarding a 3rd of the whole world's population of 7.7 billion people. The Norwegian company Borregaard generates the artificial alternative to all-natural vanilla Vanillin using the Norwegian spruce. The firm additionally stressed that the charmdate.com investment is calculated from both sides, allowing Bumble to not just fundraise, but to "purposefully use the wide range of experience held by Badoo as an international market leader". They reflect the prosperity of independent farmers that in the 19th century utilized their wide range to develop considerable new homes with elaborately decorated supplementary homes or suites of rooms scheduled for celebrations. Many fires, the last in 1955, have actually wrecked the particular wooden houses of Bryggen. The negotiation's strategy opens up onto farming land and consists of essential buildings for the usual welfare such as large common homes for the congregation's widows and single males and females.

  • From the very first spin, Chicken Road stands out due to its unique combination of visuals, sound effects, and smooth game performance. InOut’s developers have paid special attention to creating a seamless gaming experience. The game layout features 5 reels and several paylines, fostering diverse ways to win. Players will find both standard and special symbols, free spins, bonus rounds, and multiplier options—all crafted to increase excitement and winning potential. Every player has their own comfort level when it comes to risk, and wants to be able to customize it. In the Chicken Road game, you get four difficulty options that change the odds of hitting an obstacle and the multiplier amounts at each stage. The game’s symbols, including the chicken, road signs, and other road-related icons, are cleverly designed to add to the game’s humor and charm. The chicken’s various outfits and accessories, such as sunglasses and hats, add a touch of personality to the game, making it feel more relatable and human-like. The game’s animations, including the chicken’s movements and reactions, are smooth and fluid, further enhancing the overall gaming experience.
    https://m6h.831.myftpupload.com/key-slot-trends-in-smartsofts-mine-island-for-2025-a-review/
    Grab your rod, pull on your waders and go fishing for millions in Pragmatic Play’s smash hit, Big Bass Bonanza. Or gaze up at the night sky and marvel at a galaxy of possibilities with NetEnt’s all-time classic, Starburst. Whatever you’re looking for in an online casino slot game, you’re sure to find it with one of our world-class providers: What to expect: Anyone familiar with the Big Bass series will recognise the gameplay and features here. Other than picking up line wins, nothing much happens in the base games, with everything held back for a fantastic free spins bonus round.  The mixing plugin designed to do it all. The number one tip for any new casino player is to understand the game you’re playing. All of our online slots have detailed information pages, usually accessible by clicking on a small question mark or cog on the corner of the screen.

  • It?s really a nice and useful piece of info. I am glad that you shared this useful info with us. Please keep us up to date like this. Thanks for sharing.

  • With havin so much content and articles do you ever run into any issues of plagorism or copyright infringement? My website has a lot of unique content I've either authored myself or outsourced but it looks like a lot of it is popping it up all over the internet without my permission. Do you know any solutions to help stop content from being ripped off? I'd definitely appreciate it.

  • Amazing blog! Is your theme custom made or did you download it from somewhere? A design like yours with a few simple adjustements would really make my blog jump out. Please let me know where you got your design. Thanks

  • I have realized that over the course of building a relationship with real estate owners, you'll be able to get them to understand that, in most real estate exchange, a percentage is paid. In the long run, FSBO sellers will not "save" the commission. Rather, they try to win the commission by way of doing a agent's task. In completing this task, they shell out their money and time to conduct, as best they might, the jobs of an real estate agent. Those duties include disclosing the home by way of marketing, showing the home to buyers, making a sense of buyer desperation in order to make prompt an offer, booking home inspections, taking on qualification checks with the loan company, supervising maintenance, and aiding the closing of the deal.

  • I would like to thnkx for the efforts you have put in writing this site. I am hoping the same high-grade web site post from you in the upcoming also. In fact your creative writing skills has inspired me to get my own blog now. Actually the blogging is spreading its wings quickly. Your write up is a great example of it.

  • Hey! This post could not be written any better! Reading this post reminds me of my old room mate! He always kept talking about this. I will forward this post to him. Fairly certain he will have a good read. Many thanks for sharing!

  • I cherished up to you will receive carried out right here. The caricature is tasteful, your authored subject matter stylish. however, you command get bought an impatience over that you would like be handing over the following. unwell unquestionably come more previously once more since precisely the same nearly a lot often within case you shield this increase.

Leave a Comment
Related Post
  1. Start with Surface Duo development on preview emulator and SDK today

    Surface Neo and Surface Duo are new devices by Microsoft, planned to launch for holidays…

  2. Planning and creating Azure Search indexes

    Planning for search is mandatory first step when starting building search index. If we build…

  3. SQL Server database backup to Azure Blob Storage

    SQL Server supports exporting data-tier applications (BACPAC). It means that database is packaged to one…

  4. Generating data for tables in table per class inheritance tree using data generation plans

    I am using Visual Studio database project and data generation plan to populate my database…

  5. Visual Studio add-in: CopySourceAsHTML

    When I started with this blog I needed some tool to copy code snippets from…