Code Murals

This article is going to explain what a manifest file is and how to use it in the PWA Blazor application. You can easily configure the manifest in your Blazor app. Let's see how to do it. What is a Manifest File? Manifest is a single JSON file that tells the browser what kind of application it is, What is the name of the application? Where is the application icon? What background color and etc. The manifest file name must be manifest.json While creating the Blazor application , it will automatically create the manifest.json file under wwwroot folder. The following is a default manifest.json code. { "name" : "SamplePWABlazorApp" , "short_name" : "SamplePWABlazorApp" , "start_url" : "./" , "display" : "standalone" , "background_color" : "#ffffff" , "theme_color" : "#03173d" , "icons" : [ { "src" : "icon-5...

This article is going to explain how to create a Progressive Web Application (PWA) with Blazor WebAssembly with an example. What is PWA The PWA is a web application that acts like a native application using modern standards. You can install PWA on your computer. You can add a shortcut on the desktop and launch it in the start menu. You can easily convert the Blazor application to PWA. Let's see what are things that need to create an installable web application. A web manifest (The web manifest is a JSON file that tells the browser about your Progressive Web Application) [manifest.json] HTTPS A Service Worker with a functional fetch hander (So that your browser will recognize it is an installable app) Let’s take a step-by-step look at how to create a Progressive Web Application through Blazor WebAssembly Create a new project In the create a new project window, choose Blazor App Configure Your New Project Enter the project name and location in Configure your n...