Build a Full-Stack .NET Blazor Application

Learn how Blazor componentizes the UI into reusable components with tightly bound code. Experience two-way binding and a single-page application model that streamlines dynamic updates and navigation.

Explore the Blazor startup sequence from the program class to routing and layout, showing how the app initializes routes, renders the main layout, and updates the body with selected pages.

Replace the homepage with a Bootstrap five grid in a Blazor app, using four rows, eight-column content, and four-column images, with styles added in the app CSS for home.razor.

Create a department list page in Blazor that displays Metropolitan Museum department data from the API, routing /departments with a page directive, and testing with Postman and UI controls.

Fetch department data from a public museum API using the departments endpoint, verify the JSON response with Postman, and display department names and IDs on the department list form page.

consume an api endpoint with httpclient in a blazor app by building a department service, calling it asynchronously, validating the response, and deserializing json via dependency injection.

Map API data to C# classes by deserializing JSON into a departments model and return the list for display in a Blazor data grid.

Install Blazorise NuGet packages and configure startup to enable the Blazorise data grid. Render a two-column department grid and prepare for API-based retrieval of artwork or artifacts.

Create an artwork search page linked from the nav, populate a Blazorise select list with departments, and bind selection to fetch artwork by department.

Fetch artwork IDs by department using a public API, wiring a Blazor page to call an artwork service, deserialize JSON, and display results for user browsing.

Learn to build a Blazor artwork detail component that fetches artwork by id via an api endpoint, using a dedicated service, with a Razor file, code-behind, and OnInitializedAsync integration.

Populate the artwork details component to view department-specific artwork by passing an artwork id, persist the results into an artwork details object, display with bootstrap, and handle null images.

Explore displaying artwork details by department in a full-stack .NET Blazor application, including selecting departments, retrieving artwork IDs via the artwork service, and paging through details.

Add previous and next navigation controls to browse artwork, wiring buttons to increment or decrement the current index on the search form page, and handle empty results.

Add keyword search to the museum api and connect it to the artwork service and blazor search form, enabling department or keyword filters via a radio group.

Create a SQLite database using the code-first approach with EF Core, defining error logs and search histories as C# classes, and generate migrations and the database via dotnet commands.

Implements exception handling and logs errors to an error logs table using entity framework core, via a generic repository and data service injected into artwork and department services.

Log artwork searches to a code-first search histories table using a generic repository, wired by dependency injection, to capture a date stamp and search URL for future analytics.

Refactor a full-stack Blazor app by removing unused usings, extending error handling and search history logging for API calls, and using a named HttpClient factory for HTTP requests.

Learn to deploy a Blazor app to a public hosting service using Visual Studio, VS Web Deploy, and a published profile, with domain setup and release-build deployment.