Beginning Azure Static Web Apps: Building and Deploying Dynamic Web Applications with Blazor

Table of Contents
About the Author
About the Technical Reviewers
Acknowledgments
Chapter 1: Introduction
    JamStack
    BlamStack
    Azure Static Web Apps
    Book Focus
    Let’s Get Started!
Chapter 2: Setting Up the Environment
    Microsoft Account and Azure Subscription
    GitHub Account
    GitHub Repo
        Naming the Repository
        Add a README File
        Add a .gitignore
        Choose a License
        Default Branch
    Git
    Clone the Repository to Our Machine
    Visual Studio 2022
    Other Languages
    Conclusion
Chapter 3: Creating the Application
    Technical Requirements
    A Brief Introduction to Git
        Clone
        Pull
        Commit
        Push
    Creating the Client Application
    Exploring the Scaffolded Blazor App
        Application Root Folder: Client
            Program.cs
            _Imports.razor
            App.razor
        wwwroot Folder
            CSS Folder
            index.html
        Shared Folder
            MainLayout.razor
            NavMenu.razor
        Pages Folder
            Index.razor
            Counter.razor
            FetchData.razor
        Running the Application
    Adding the API Application
    Creating the Azure Function Project
    Consuming the Function in the Client App
        Create a Function to Deliver the Weather Forecast
        Call the Function from the Client Application
    Pushing to GitHub
    Conclusion
Chapter 4: Creating the Static Web App
    Technical Requirements
    Create Resource Group
    Create the Static Web App
        Base Information
        Logging In to GitHub
        Setup for the Blazor Build
        Opening the New Resource
    Overview of the GitHub Workflow
    Viewing the Deployed Application
    Conclusion
Chapter 5: Simple Debugging
    Technical Requirements
        Local vs. Azure Environment
    Visual Studio Debugging
        Setting the Port Numbers
        Changes to the Client Project
        Changes to the Api Project
        Running the Application
            Debugging the Application
    Static Web App CLI Debugging
        Resetting the Code
        The Azure Static Web App CLI
            Install Azure Functions Core Tools
            Install NPM
            Installing the Static Web App CLI
        Running the Static Web App CLI
        Debugging the Client Using the CLI
    Cleaning Up the Breakpoints
    Save the Changes for the Port Numbers
        The CLI and Real Azure Resource
    Conclusion
Chapter 6: Retrieving Blog Data
    Technical Requirements
    Clean Up
        Api
        Client
    Creating the Data Source
        Azure CosmosDB Free Tier
        Create the Azure Resource
        Seed the Table
    Blog Post Retrieval
        Data Model Classes
        Retrieving Blog Post Summaries
        Retrieving a Single, Full Blog Post
        Deploying the Functions
    Conclusion
Chapter 7: Displaying Data
    Technical Requirements
    Reading the Summaries
        Referencing the Models Project
        Create the Service
        Creating the Blog Post Summary Page
        Display the Whole Summary
    Displaying the Whole Blog Post
        Reading the Blog Post
        Display Blog Post
    Add the First Blog Post to the Index Page
        Prepare the Index.razor File
        Create the BlogPostSummary Component
        Change the Blog Post Summary Page
    Checking Our Results
        Running Locally
        Deploy Blog Post
    Conclusion
Chapter 8: Static Web App Configuration
    Technical Requirements
    Creating the staticwebapp.config.json File
    Navigation Fallback
    Routes
        Restricting Access to Resources
        Protecting Resources
        Moving Resources – Temporarily
        Moving Resources – Permanently
    Response Overrides
    Example Configuration
    Conclusion
Chapter 9: Authentication
    Technical Requirements
    Authentication Basics
    Standard Authentication
        ClientPrincipal
            identityProvider
            userId
            userDetails
            userRoles
        Accessing Authentication Data in Our Application
        Adding API Authentication
            Create the Authentication Library
            Add Authentication Library to the Api Project
        Client-Side Authentication
            Add Authentication Library to Client Project
        Login Screen
        Role-Based Access
    Conclusion
Chapter 10: Creating Blog Posts
    Technical Requirements
        Adding the Azure Functions
    Creating Blog Posts with the POST Method
        Updating Blog Posts with the PUT HTTP Method
        Deleting Blog Posts with the DELETE HTTP Method
        Securing the Functions
        Updating the Blog Post Services
        Creating Blog Posts
            BlogPostService Changes
            BlogPostSummaryService Changes
        Updating Blog Posts
            BlogPostService Changes
            BlogPostSummaryService Changes
        Deleting Blog Posts
            BlogPostService Changes
            BlogPostSummaryService Changes
    Adding the Blog Post Edit Page
        Adding the Create Link
        Adding the Edit and Delete Links
        Deploy and Test
    Conclusion
Chapter 11: Static Web App CLI
    Technical Requirements
    Running the Application
    Changing Port Numbers
        Azure Function Port Numbers
        Changing the Static Web App CLI Default Port
        Changing the Client Port
    Running Static Content
        Publish the Client Project
        Run the Static Web App CLI with Static Files
        Extending the .gitignore File
        Static Web App CLI Configuration
    Commit Our Changes
    Conclusion
Chapter 12: Testing in Azure
    Technical Requirements
    Azure Static Web App Staging Slots
    Making a Branch
    Creating the Staging Slot
    Testing in the Cloud
    Making a Second Change
    Revisiting the Stage Environment
    Staging Environment Settings
    Staging Environment Limitations
        Free Tier
            Number of Staging Slots
            Public Access to Staging Slot
    Removing Staging Environments
        Automatically Cleaning Staging Environments
        Manually Cleaning Up Environments
    Conclusion
Chapter 13: Custom Domains
    Technical Requirements
    Adding a Custom Domain
        What Domains to Add
        Azure Portal Custom Domain Pane
        Self-Managed Domain
        Domain on Azure DNS
    Azure-Generated URL
    Conclusion
Appendix A: Next Steps
    Add User Details
    Blog Post Summary Refresh
    Search
    Custom Summary Length
    Preview Complete Flag
    Tag Lookup
    Blog Post Preview
    Make the Application Multiauthor
    Fully Implement Post Status
    Styling
Appendix B: Changing the GitHub Workflow
    Opening the Workflow File
Index