Completed Blazor WASM Dockerizing

Author: fingers10

SharedModels/BlazorLearningPath.cs

@@ -2,12 +2,12 @@
 
 public class BlazorLearningPath
 {
-    public readonly List<ContentMetaData> FullContents = new(20);
+    public readonly List<ContentMetaData> FullContents = new(21);
 
     public BlazorLearningPath()
     {
         FullContents =
-        new(20)
+        new(21)
         {
             new ContentMetaData
             {
@@ -268,6 +268,19 @@ public BlazorLearningPath()
                 Type = "Blazor",
                 CreatedOn = new DateTime(2022, 8, 7, 22, 30, 0),
                 ModifiedOn = new DateTime(2022, 8, 7, 22, 30, 0)
+            },
+            new ContentMetaData
+            {
+                Order = 21,
+                Title = "Blazor WASM Dockerizing",
+                Author = "Abdul Rahman",
+                PosterUrl = "image/blogs/blazor/wasm/blazor-wasm-dockerizing.svg",
+                ThumbnailUrl = "image/blogs/blazor/wasm/blazor-wasm-dockerizing.svg",
+                ContentUrl = "blogs/blazor-wasm-dockerizing",
+                IconUrl = "image/icons/blazor.png",
+                Type = "Blazor",
+                CreatedOn = new DateTime(2023, 3, 26, 22, 30, 0),
+                ModifiedOn = new DateTime(2023, 3, 26, 22, 30, 0)
             }
         };
     }

SharedModels/TableOfContents.cs

@@ -2,7 +2,7 @@
 
 public class TableOfContents
 {
-    private readonly List<ContentMetaData> FullContents = new(62);
+    private readonly List<ContentMetaData> FullContents = new(63);
     public IReadOnlyList<ContentMetaData> Contents => FullContents.Where(content => content.CreatedOn.Date <= DateTime.Today.Date).ToList();
 
     public TableOfContents()

Web/Dockerfile

@@ -0,0 +1,13 @@
+FROM mcr.microsoft.com/dotnet/sdk:7.0-alpine AS build-env
+RUN apk add nodejs
+RUN apk add npm
+WORKDIR /app
+COPY . ./
+RUN npm --prefix Web install
+RUN dotnet publish "Web/Web.csproj" -c Release -o output
+
+FROM nginx:alpine
+WORKDIR /user/share/nginx/html
+COPY --from=build-env /app/output/wwwroot .
+COPY Web/nginx.conf /etc/nginx/nginx.conf
+EXPOSE 80

Web/Pages/Blogs/Blazor/Wasm/Dockerizing.razor

@@ -0,0 +1,15 @@
+events { }
+http {
+   include mime.types;
+   types {
+      application/wasm;
+    }
+  server {
+     listen 80;
+     index index.html;
+     location / {
+        root /user/share/nginx/html;
+        try_files $uri $uri/ /index.html =404;
+     }
+  }
+}

Web/nginx.conf

@@ -438,5 +438,12 @@
 			<description>In this post I will teach you Creational Singleton Design Pattern in .NET. All with live working demo.</description>
 			<pubDate>Sun, 19 Mar 2023 22:30:00 +0530</pubDate>
 		</item>
+		<item>
+			<title>Blazor WASM Dockerizing</title>
+			<link>https://ilovedotnet.org/blogs/blazor-wasm-dockerizing</link>
+			<guid isPermaLink="true">https://ilovedotnet.org/blogs/blazor-wasm-dockerizing</guid>
+			<description>In this post I will teach you how to dockerize stand alone blazor wasm app in .NET. All with live working demo.</description>
+			<pubDate>Sun, 26 Mar 2023 22:30:00 +0530</pubDate>
+		</item>
 	</channel>
 </rss>

Web/wwwroot/atom.xml

@@ -120,4 +120,10 @@
 		<changefreq>weekly</changefreq>
 		<priority>0.5</priority>
 	</url>
+	<url>
+		<loc>https://ilovedotnet.org/blogs/blazor-wasm-dockerizing</loc>
+		<lastmod>2023-03-26T22:30:00+05:30</lastmod>
+		<changefreq>weekly</changefreq>
+		<priority>0.5</priority>
+	</url>
 </urlset>

Web/wwwroot/image/blogs/blazor/wasm/blazor-wasm-dockerizing.png

@@ -0,0 +1,13 @@
+version: '3.7'
+
+services:
+   ilovedotnet:
+    image: ilovedotnet
+    build:
+      context: .
+      dockerfile: Web/Dockerfile
+    environment:
+      - ASPNETCORE_URLS=http://*:5005
+      - ASPNETCORE_ENVIRONMENT=Development
+    ports:
+      - "8080:80"