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 […]
Tag: ASP.NET Core 2.0
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 […]
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 […]
Understanding Server-side Blazor
Introduction We all know that the Blazor framework is a client-side web framework. But is it possible to run a Blazor application separate from UI thread? The latest version 0.5.0 of Blazor gives us the flexibility to run Blazor in a separate process from the rendering process. We are going to explore server-side Blazor in […]
ASP.NET Core – Expense Manager Using EF Core and Highcharts
Introduction In this article, we will be creating a personal expense manager using Asp.NET Core 2.1 and Entity Framework core Code first approach. An expense manager tracks your daily expenses and provides comparative charts to show expense summary. Since we are using modal dialog to handle user inputs and to show monthly and weekly expense […]
JavaScript Interop in Blazor
Introduction In this article, we will learn about JavaScript Interop in Blazor. We will understand what JavaScript Interop is and how we can implement it in Blazor with the help of a sample application. We will be using Visual Studio code for our demo. What is JavaScript Interop? Blazor uses JavaScript to bootstrap the .NET […]
Creating a SPA Using Razor Pages With Blazor
Introduction In this article, we are going to create a Single Page Application (SPA) using Razor pages in Blazor with the help of Entity Framework Core database first approach. Single-Page Applications are web application that load a single HTML page and dynamically update that page as the user interacts with the app. We will create […]
Deploying a Blazor Application on IIS
Introduction In this article, we will understand how to deploy an ASP.NET Core hosted Blazor application with the help of IIS 10 on a Windows 10 machine. We will be using Visual Studio 2017 to publish the app and SQL Server 2014 to handle DB operations. We will also troubleshoot some of the common hosting […]
Cascading DropDownList in Blazor Using EF Core
Introduction In this article, we are going to create a cascading dropdown list in Blazor using Entity Framework Core database first approach. We will create two dropdown list – Country and City. On selecting the value from country dropdown, we will change the value of City dropdown. We will be using Visual Studio 2017 and […]
ASP.NET Core – Using Highcharts With Angular 5
Introduction In this article, we will create an online poll application using ASP.NET Core, Angular 5, and Entity Framework Core. Since this is the season of IPL in India, we will create an online poll for “Who is going to win IPL 2018?”. The poll results will be displayed as a column chart, that is created using Highcharts. […]
