Introduction Blazor is a .NET web framework that allows us to create client-side applications using C#, Razor syntax, and HTML. It allows us to create a rich and modern Single Page Application (SPA), using C#, and run it on the browser of our choice. Browser + Razor = Blazor The name “Blazor” comes from the […]
Category: Blazor
Going Serverless With Blazor
Introduction In this article, we will learn how to implement Azure serverless with Blazor web assembly. We will create an app that lists out some Frequently Asked Questions (FAQ) on Covid-19. We will create an Azure Cosmos DB which will act as our primary database to store questions and answers. An Azure function app will […]
Optical Character Reader Using Blazor And Computer Vision
Introduction In this article, we will create an optical character recognition (OCR) application using Blazor and the Azure Computer Vision Cognitive Service. Computer Vision is an AI service that analyzes content in images. We will use the OCR feature of Computer Vision to detect the printed text in an image. The application will extract the […]
Multi-Language Translator Using Blazor And Azure Cognitive Services
Introduction In this article, we will create a multilanguage translator using Blazor and the Translate Text Azure Cognitive Service. This translator will be able to translate between all the languages supported by the Translate Text API. Currently, the Translate Text API supports more than 60 languages for translation. The application will accept the text to […]
Facebook Authentication And Authorization In Server-Side Blazor App
Introduction The latest preview for .NET Core 3 (preview-6) has introduced the functionality to add authentication and authorization in a server-side Blazor application. In this article, we will learn how to implement authentication and authorization using Facebook in a server-side Blazor application. You can refer to my previous article Understanding Server-side Blazor to get in-depth […]
Google Authentication And Authorization In Server-Side Blazor App
Introduction The latest preview for .NET Core 3 (preview-6) has introduced the functionality to add authentication and authorization in a server-side Blazor application. In this article, we will learn how to implement authentication and authorization using Google in a server-side Blazor application. You can refer to my previous article Understanding Server-side Blazor to get in-depth […]
Blazor CRUD Using Google Cloud Firestore
Introduction In this article, we will create a Blazor application using Google Firstore as database provider. We will create a Single Page Application (SPA) and perform CRUD operations on it. We will use Bootstrap 4 to display a modal popup for handling user inputs. The form also has a dropdown list, which will bind to […]
Hosting A Blazor Application on Firebase
Introduction In this article, we will learn how to deploy a Blazor application on Firebase. We will create a client side application using Blazor and host it on Firebase. This application will not have any server side code or web API logic. We will use Visual Studio 2017 to build and publish the application. Prerequisites […]
Publishing A Blazor Component To Nuget Gallery
Introduction In this article, we will learn how to publish a reusable Blazor component to nuget gallery. We will use Visual Studio 2017 to build and create the nuget package. Prerequisites Install the .NET Core 2.1 or above SDK from here. Install Visual Studio 2017 v15.7 or above from here. Install ASP.NET Core Blazor Language […]
BlazorGrid – A Reusable Grid Component For Blazor
Introduction In this article, we will create a reusable grid component for Blazor called BlazorGrid. It will display the user data in a grid and supports client-side pagination. Take a look at the final application. To learn how to publish BlazorGrid component to nuget gallery refer to Publishing a Blazor Component to Nuget Gallery Prerequisites Install […]
Deploying A Blazor Application On Azure
Introduction In this article, we will learn how to deploy an ASP.NET Core hosted Blazor application on Azure. We will use Visual Studio 2017 to publish the app and create a SQL database server on Azure to handle DB operations. Prerequisites Install the .NET Core 2.1 or above SDK from here Install Visual Studio 2017 v15.7 […]
CRUD Using Blazor with MongoDB
Introduction In this article we will create a Blazor application using MongoDB as our database provider. We will create a Single Page Application (SPA) and perform CRUD operations on it. A modal popup will display the form to handle the user inputs and the form also has a dropdown list, which will bind to a […]
Single Page Application Using Server-Side Blazor
Introduction In this article, we will create a Single Page Application (SPA) using the server-side Blazor concepts with the help of Entity Framework Core database first approach. Single-Page Applications are web applications that load a single HTML page and dynamically update that page as the user interacts with the app. We will be creating a […]