Feature/search-engine-friendly-url

src/LinkDotNet.Blog.Domain/BlogPost.cs

@@ -1,6 +1,8 @@
-using System;
+using System;
 using System.Collections.Generic;
 using System.Collections.Immutable;
+using System.ComponentModel.DataAnnotations.Schema;
+using System.Globalization;
 using System.Linq;
 
 namespace LinkDotNet.Blog.Domain;
@@ -35,6 +37,18 @@ private BlogPost()
 
     public string TagsAsString => Tags is null ? string.Empty : string.Join(", ", Tags);
 
+    [NotMapped]
+    public string SearchEngineFriendlyUrl => GenerateSearchEngineFriendlyUrl();
+
+    private string GenerateSearchEngineFriendlyUrl()
+    {
+        string SearchEngineFriendlyTitle = Title
+                                    .Replace(' ', '-')
+                                    .ToLower(CultureInfo.CurrentCulture);
+
+        return $"{Id}/{SearchEngineFriendlyTitle}";
+    }
+
     public static BlogPost Create(
         string title,
         string shortDescription,

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

@@ -1,6 +1,9 @@
 using LinkDotNet.Blog.Domain;
 using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.ChangeTracking;
 using Microsoft.EntityFrameworkCore.Metadata.Builders;
+using Microsoft.EntityFrameworkCore.ValueGeneration;
+using System;
 
 namespace LinkDotNet.Blog.Infrastructure.Persistence.Sql.Mapping;
 
@@ -11,7 +14,8 @@ public void Configure(EntityTypeBuilder<BlogPost> builder)
         builder.HasKey(c => c.Id);
         builder.Property(c => c.Id)
             .IsUnicode(false)
-            .ValueGeneratedOnAdd();
+            .ValueGeneratedOnAdd()
+            .HasValueGenerator<BlogPostIdGenerator>();
         builder.Property(x => x.Title).HasMaxLength(256).IsRequired();
         builder.Property(x => x.PreviewImageUrl).HasMaxLength(1024).IsRequired();
         builder.Property(x => x.PreviewImageUrlFallback).HasMaxLength(1024);
@@ -26,3 +30,14 @@ public void Configure(EntityTypeBuilder<BlogPost> builder)
             .IsDescending(false, true);
     }
 }
+
+
+internal sealed class BlogPostIdGenerator : ValueGenerator<string>
+{
+    public override bool GeneratesTemporaryValues => false;
+
+    public override string Next(EntityEntry entry)
+    {
+        return Guid.NewGuid().ToString("N").Substring(0, 15);
+    }
+}

src/LinkDotNet.Blog.Web/Controller/RssFeedController.cs

@@ -67,7 +67,7 @@ private static XmlWriterSettings CreateXmlWriterSettings()
 
     private static SyndicationItem CreateSyndicationItemFromBlogPost(string url, BlogPostRssInfo blogPost)
     {
-        var blogPostUrl = url + $"/blogPost/{blogPost.Id}";
+        var blogPostUrl = url + $"/blogPost/{blogPost.SearchEngineFriendlyUrl}";
         var shortDescription = MarkdownConverter.ToPlainString(blogPost.ShortDescription);
         var item = new SyndicationItem(
             blogPost.Title,
@@ -96,7 +96,7 @@ private static void AddCategories(Collection<SyndicationCategory> categories, Bl
     private async Task<IEnumerable<SyndicationItem>> GetBlogPostItems(string url)
     {
         var blogPosts = await blogPostRepository.GetAllByProjectionAsync(
-            s => new BlogPostRssInfo(s.Id, s.Title, s.ShortDescription, s.UpdatedDate, s.PreviewImageUrl, s.Tags),
+            s => new BlogPostRssInfo(s.Id, s.Title, s.ShortDescription, s.UpdatedDate, s.PreviewImageUrl, s.Tags, s.SearchEngineFriendlyUrl),
             f => f.IsPublished,
             orderBy: post => post.UpdatedDate);
         return blogPosts.Select(bp => CreateSyndicationItemFromBlogPost(url, bp));
@@ -108,5 +108,6 @@ private sealed record BlogPostRssInfo(
         string ShortDescription,
         DateTime UpdatedDate,
         string PreviewImageUrl,
-        IEnumerable<string> Tags);
+        IEnumerable<string> Tags,
+        string SearchEngineFriendlyUrl);
 }

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; }