Are you aware of the MiniBlog.Core? Well, to mention it is a new and powerful blog platform built on ASP.NET Core 2.0 and offers an excellent reading experience on every device. It has the best practices for web development, which includes best-in-class performance, readability, accessibility, SEO, social web integration with the help of a mobile-first strategy.

Know About The MiniBlog.Core Built Using ASP DOT NET Core 2.0

Building Miniblog.Core

One who designed the blog wanted to design a blog engine based on ASP.NET Core that takes every advantage of modern browsers to develop the best possible experience for both the visitors and authors. To achieve that, the blog must load very fast, offer a great reading experience, appear amazing on every type of devices and handle every technical stuff like social media integration and SEO automatically.

Web fonts

To select the right font is essential to offer a good experience for the readers. For that, you need to use a custom web font which is being loaded and used by CSS. The problem with custom web fonts is that the browser has to download them followed by a slow mobile connection.

Instead, its maker wanted to apply fonts which are built on various browsers to offer the same high-quality reading experience but without any extra file downloads.

Image optimization

An extension for image optimisation for Visual Studio is used for years to optimize the images in the web projects. That is good for images up front, but what about those being uploaded by the users as part of blog posts? How to optimise the images, on the production server while they get uploaded.

As there are no .NET Core libraries which can optimize images as well as the Image Optimizer extension, so an Azure Web job is created. This contains the exact and same optimization algorithms as the extension and enveloped it in a NuGet package.

It’s named as Azure Image Optimizer and works by adding it to an ASP.NET project without any extra steps. When an ASP.NET app gets published to Azure, the NuGet package would add a Web job to the publish output which automatically starts up and supervises image files once it reaches Azure. It leaves no artifacts in the project and doesn’t need any code changes, only add NuGet package and deploy to Azure.

Content delivery network (CDN)

And the advantage of CDNs has been taken to make sure that the blog can be optimized as desired, to adress all the static files like the JavaScript, CSS, and images. You need to use WebEssentials.AspNetCore.CdnTagHelpers Nuget package :

{

“cdn”: {

“url”: “https://myname.azureedge.net”

}

}

Sass, bundling, and minification

Since Sass has been used instead of plain old CSS it had to be compiled. The maker decided to go with a much simpler approach which is LigerShark WebOptimizer.Core and LigerShark.web optimizer.Sass NuGet packages.

With the use of those packages, you get runtime and build time asset pipeline management with almost no code. The only thing required is to register the service and middleware in Startup.cs so:

services.AddWebOptimizer(pipeline =>

{

pipeline.MinifyJsFiles();

pipeline.CompileScssFiles()

.InlineImages();

});

That will automatically compile the Sass files into CSS and minimise the JavaScript files. No additional code or artifacts are needed.

A Checklist

Like any website, this provides the best practices outlined by the Web Developer Checklist which includes many automated tests which run in the browser and a list of highly useful tools in Miniblog’s Technical Features section.

So here we conclude with this discussing the new Miniblog.Core. 

Keep coding!

If you want to enhance yourself in Dot Net Course and improve yourself through Dot NET training program; our institute, CRBtech Solutions would be of great help and support. We give a well-structured program for the best Dot Net Course. Among many reputed institutes of dot net training and placement in Pune, CRB Tech has created a niche for itself.