Feature/search-engine-friendly-url

src/LinkDotNet.Blog.Domain/BlogPost.cs

@@ -1,7 +1,10 @@
-using System;
+using System;
 using System.Collections.Generic;
 using System.Collections.Immutable;
+using System.Globalization;
 using System.Linq;
+using System.Text;
+using System.Text.RegularExpressions;
 
 namespace LinkDotNet.Blog.Domain;
 
@@ -35,6 +38,35 @@ private BlogPost()
 
     public string TagsAsString => Tags is null ? string.Empty : string.Join(", ", Tags);
 
+    public string SearchEngineFriendlyUrl => GenerateSearchEngineFriendlyUrl();
+
+    private string GenerateSearchEngineFriendlyUrl()
+    {
+        // Remove all accents and make the string lower case.
+        if (string.IsNullOrWhiteSpace(Title))
+            return Title;
+
+        Title = Title.Normalize(NormalizationForm.FormD);
+        char[] chars = Title
+            .Where(c => CharUnicodeInfo.GetUnicodeCategory(c)
+            != UnicodeCategory.NonSpacingMark).ToArray();
+
+        Title = new string(chars).Normalize(NormalizationForm.FormC);
+
+        string SearchEngineFriendlyTitle = Title.ToLower(CultureInfo.CurrentCulture);
+
+        // Remove all special characters from the string.  
+        SearchEngineFriendlyTitle = Regex.Replace(SearchEngineFriendlyTitle, @"[^A-Za-z0-9\s-]", "");
+
+        // Remove all additional spaces in favour of just one.  
+        SearchEngineFriendlyTitle = Regex.Replace(SearchEngineFriendlyTitle, @"\s+", " ").Trim();
+
+        // Replace all spaces with the hyphen.  
+        SearchEngineFriendlyTitle = Regex.Replace(SearchEngineFriendlyTitle, @"\s", "-");
+
+        return $"{Id}/{SearchEngineFriendlyTitle}";
+    }
+
     public static BlogPost Create(
         string title,
         string shortDescription,

src/LinkDotNet.Blog.Infrastructure/Persistence/Sql/Mapping/BlogPostConfiguration.cs

@@ -1,4 +1,4 @@
-using LinkDotNet.Blog.Domain;
+using LinkDotNet.Blog.Domain;
 using Microsoft.EntityFrameworkCore;
 using Microsoft.EntityFrameworkCore.Metadata.Builders;
 

src/LinkDotNet.Blog.Web/Features/Archive/ArchivePage.razor

@@ -21,12 +21,12 @@
             <ul class="ps-5">
                 @foreach (var blogPost in yearGroup.OrderByDescending(b => b.UpdatedDate))
                 {
-                    <li class="pt-1"><a href="/blogPost/@blogPost.Id">@blogPost.Title</a></li>
+                    <li class="pt-1"><a href="/blogPost/@blogPost.SearchEngineFriendlyUrl">@blogPost.Title</a></li>
                 }
             </ul>
         }
     }
-</div >
+</div>
 
 @code {
     private IReadOnlyCollection<IGrouping<int, BlogPostPerYear>> blogPostsPerYear;
@@ -35,7 +35,7 @@
     protected override async Task OnInitializedAsync()
     {
         var blogPosts = await Repository.GetAllByProjectionAsync(
-            p => new BlogPostPerYear(p.Id, p.Title, p.UpdatedDate),
+            p => new BlogPostPerYear(p.Id, p.SearchEngineFriendlyUrl, p.Title, p.UpdatedDate),
             p => p.IsPublished);
         blogPostCount = blogPosts.Count;
         blogPostsPerYear = blogPosts
@@ -44,5 +44,5 @@
             .ToImmutableArray();
     }
 
-    private sealed record BlogPostPerYear(string Id, string Title, DateTime UpdatedDate);
+    private sealed record BlogPostPerYear(string Id, string SearchEngineFriendlyUrl, string Title, DateTime UpdatedDate);
 }

src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor

@@ -1,4 +1,4 @@
-@using System.Net
+@using System.Net
 @using System.Text.RegularExpressions
 @using System.Web
 @using LinkDotNet.Blog.Domain
@@ -43,7 +43,7 @@
 			<h2></h2>
 			<p>@MarkdownConverter.ToMarkupString(BlogPost.ShortDescription)</p>
 			<p class="read-more">
-				<a href="/blogPost/@BlogPost.Id" aria-label="@BlogPost.Title">Read the whole article</a>
+                <a href="/blogPost/@BlogPost.SearchEngineFriendlyUrl" aria-label="@BlogPost.Title">Read the whole article</a>
 			</p>
 		</div>
 	</div>

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor

@@ -1,4 +1,4 @@
-@page "/blogPost/{blogPostId}"
+@page "/blogPost/{blogPostId}/{searchEngineFriendlyTitle?}"
 @using Markdig
 @using LinkDotNet.Blog.Domain
 @using LinkDotNet.Blog.Infrastructure.Persistence
@@ -72,6 +72,9 @@ else
     [Parameter]
     public string BlogPostId { get; set; }
 
+    [Parameter]
+    public string SearchEngineFriendlyTitle { get; set; }
+
 	private string OgDataImage => BlogPost.PreviewImageUrlFallback ?? BlogPost.PreviewImageUrl;
 
     private BlogPost BlogPost { get; set; }