Blast Off with Blazor: Use .NET 5 to update the HTML head from a Blazor component

• AspLabs

  12 1,218 4.9 C#

  Repo for ASP.NET experiments that are not ready for a production release

  

In .NET 5, this still happens—it’s just abstracted away from you. If you take a look at the source code for the component, it injects an IJSRuntime and takes a Value—just as you’ve done before. Then, in the OnAfterRenderAsync component lifecycle method, it sets the title by calling the headManager.js file, where you’ll see:


export function setTitle(title) {
  document.title = title;
}

Enter fullscreen mode Exit fullscreen mode

• NASAImageOfDay

  5 26 0.0 CSS

Let’s also update our header icon to this image, too. After dropping the file in our wwwroot/images directory, we can edit our NavBar component in our Shared directory to include our new file.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• ASP.NET Core

  1,633 34,357 9.9 C#

  ASP.NET Core is a cross-platform .NET framework for building modern cloud-based web applications on Windows, Mac, or Linux.

  

Influencing HTML Head from a Blazor component (GitHub issue)

• brand

  4 246 0.0

  This repo serves as a guide and reference to designers, writers, and developers to create consistent, on-brand content for .NET.

  

Did you know the .NET team has a branding GitHub repository where you can look at logos, presentation templates, wallpapers, and a bunch of illustrations of the purple .NET bot? For our example, we’ll use the bot using a jetpack because—obviously. We’re blasting off, after all.

Suggest a related project