Static Web Sites on Azure

Create a Statiq.Web project

1. Create a statiq project based on Statiq.Web (here)
2. Add theme like CleanBlog (here) (optional)
3. Check into github (I know there are other git repositories, but this is microsoft ... things work better when you swim in the same pond) (tutorial)

Create a Static Web resource in Azure

1. Create a static website (template is in the Web Category)
2. Select resource group (create one if necessary)
3. Pick a unique name
4. Pick Hosting plan (free is good)
5. Pick a region for functions api (close to home)
6. Log into GitHub and authorize Azure Static Web Sites to access repositories
7. Choose Organization, Repository, Branch
8. Build Presets: Custom
9. App Location: /output (this is where statiq puts static content)
10. Ignore API and Output locations
11. Review + Create

Finish the build

1. Back to your repository in github
2. Click Actions -> Azure Static Web Apps CI/CD (added by M$ in previous step)
3. Click the yml link right below the workflow name looks like "azure-static-web-apps-gentle-glacier-0a429ea0f.yml"
4. Edit the jobs definition to add build instructions

jobs:
  build_and_deploy_job:
    if: github.event_name == 'push' || 
        (github.event_name == 'pull_request' && 
         github.event.action != 'closed')
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v2
        with:
          submodules: true

add:

      - uses: actions/setup-dotnet@v1
        with:
          dotnet-version: 5.0.100
      - run: dotnet restore
      - run: dotnet build --configuration Release --no-restore
      - run: dotnet run --output output

before:

      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1

Save and enjoy!!