It’s time to get our company Scramoose off the ground! We’ve got a great idea for a product and we’re recruiting an elite team to make this dream come true. In the meantime, our CEO Madyson decided to hire the cheapest web designer we could find to stand up the crappiest website we could afford.

The designer built a basic “Coming Soon” site that’s a single HTML page. Since we still don’t have any investors yet, we want to host this site as inexpensively as possible, and hopefully free. Luckily, Azure has just the solution for that: Static Web Apps.

Since this is our first real service, this will include a lot of basics like navigating around VS Code and using Git that won’t be included in future services.

Learn more

Static Web App

What is a Static Web App and why are we using it and why other things?

HTML Rendering

HTML can be generated by your web browser or a web server and knowing the difference will affect your infrastructure decisions

Things to Know About This Project

This is a bunch of random things about this project node

Do it yourself

Configure Your Development Environment

First thing’s first, let’s set up our repositories and VS Code.

Deploy Static Web App

Our first real thing! Let’s deploy a Static Web App resource with Terraform.

Static Web App Local Development

Before you deploy your website, make sure it looks right by editing it on your local computer.

Push Static Web App Project to GitHub

Now that we have our starter code, let’s push it to our own GitHub repo.

Create GitHub Actions Workflow

Let’s create a GitHub Actions workflow to push our website code to our Azure Static Web App resource.

Update Static Web App

We need to make some changes to our web app.