Linked e-resources
Details
Table of Contents
Intro
Table of Contents
About the Author
About the Technical Reviewers
Acknowledgments
Part I: Getting Started
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
Part II: Creating Our App
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
Table of Contents
About the Author
About the Technical Reviewers
Acknowledgments
Part I: Getting Started
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
Part II: Creating Our App
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