diff --git a/src/BlazorApp/Components/Pages/About.razor b/src/BlazorApp/Components/Pages/About.razor index 929332f..5a0adc9 100644 --- a/src/BlazorApp/Components/Pages/About.razor +++ b/src/BlazorApp/Components/Pages/About.razor @@ -9,7 +9,8 @@ project is available on my GitHub - . + + .
@@ -22,13 +23,21 @@ React with TypeScript - as a learning exercise. I've now migrated it back to .NET Blazor to take advantage of SSR (static server-side rendering) for maximum performance and to remove unnecessary dependencies on large JS and CSS libraries. + as a learning exercise. I've now migrated it back to .NET Blazor to take advantage of + + SSR (static server-side rendering) + + for maximum performance and to remove unnecessary dependencies on large JS and CSS libraries. - Although SSR sacrifices client-side interactivity, for simple sites like this it means that page loads are practically instant and appear to function similarly to SPAs (the browser doesn't reload on navigations, new content is simply swapped in) but without the initial large download of the full application and it's dependencies. + Although SSR sacrifices client-side interactivity, for simple sites like this it means that page loads are + practically instant and appear to function similarly to SPAs (the browser doesn't reload on navigations, new + content is simply swapped in) but without the initial large download of the full application and it's + dependencies. - This version uses pure vanilla CSS with CSS variables for theming, eliminating all JavaScript and external dependencies; the mobile menu uses a CSS checkbox hack for zero-JavaScript interactivity. + This version uses pure vanilla CSS with CSS variables for theming, eliminating all JavaScript and external + dependencies; the mobile menu uses a CSS checkbox hack for zero-JavaScript interactivity.
@@ -36,7 +45,34 @@ Hosting & Deployment - TODO: This section + When this app was written in Blazor WASM and then React (both client-side-only technologies) it was hosted on an + Azure Static Web App + + and deployed via + GitHub Actions + . This provided an easy and cost effective way to get something out there without worrying too much about the + infrastructure. With this being a personal project I needed to keep the costs minimal and even though I would've + preferred a server to work with there wasn't many free options. + + + I've always been a bit of a networking/homelab/server nerd so as soon as Cloudflare announced their + + Tunnels + + feature I decided to revisit this site, rebuild in a server-side technology and host it myself on a tiny, + low-power + RaspberryPi + computer running a headless linux operating system. + + + I setup the RaspberryPi with + Docker + and + Docker Compose + , built a Docker container for the .NET app to run from, copied it to my server and created a docker-compose.yml + file to run it with the + Cloudflare Tunnel + docker image. diff --git a/src/BlazorApp/Components/Pages/Home.razor b/src/BlazorApp/Components/Pages/Home.razor index 09cbcec..ba7804f 100644 --- a/src/BlazorApp/Components/Pages/Home.razor +++ b/src/BlazorApp/Components/Pages/Home.razor @@ -10,9 +10,12 @@ I specialise in C#/.NET development and I've built systems that scale for hundreds-of-thousands of global users. - I've worked with businesses at all sizes and stages and I'm currently heading up the tech as CTO at a cool startup called - un:hurd music. + I've worked with businesses at all sizes and stages and I'm currently heading up the tech as CTO at a cool startup + called + un:hurd music + . - I believe in a privacy-first, information-focussed and performant internet. You won't find any trackers, analytics or the need for a cookie banner here. + I believe in a privacy-first, information-focussed and performant internet. You won't find any trackers, analytics + or the need for a cookie banner here.