junhaddi / BlazorRenderModes

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BlazorRenderModes

Screenshots

Configuration

Blazor has 5 render modes. SSR Server Side Render, SSR Streaming Rendering, Blazor Server with SignalR, Blazor Wasm, Blazor Auto. This repo has created demos for each render type.

The app has been built with .NET 8 RC1. To run the sample, you must download and install Visual Studio Preview and the .NET 8 SDK.

Download Visual Studio Preview https://visualstudio.microsoft.com/vs/preview/#download-preview

Download the SDK here https://dotnet.microsoft.com/en-us/download/dotnet/8.0

You will also need to get a TMDBApi developer key. Follow this link to get a key https://developer.themoviedb.org/docs

To add your TMDBAPI key to the project you will navigate to the server project and edit program.cs You can add your key to the file or use user secrets like we did. We set the string variable with the value using a user secret.

// your TMDB Read Access key must be in the server's secrets.json, e.g.:
// "TMDBKey": "your-API-key-here"
// Alternatively, place your API key directly over builder.Configuration["TMDBKey"]
string tmdbKey = builder.Configuration["TMDBKey"];

builder.Services.AddScoped(sp => {
    var client = new HttpClient();
    client.BaseAddress = new("https://api.themoviedb.org/3/");
    client.DefaultRequestHeaders.Authorization = new("Bearer", tmdbKey);
    return client;
});

Blazor Overview Video

SSR Walkthrough Video

About


Languages

Language:HTML 65.3%Language:C# 21.5%Language:CSS 9.0%Language:JavaScript 4.3%