Welcome to my website!

Hey there! Thanks for visiting my website. I figured I'd make a first post talking about this website to maybe help other people kickstart their website (also, it makes it easier for me to quickly get some content up 😇).

Why did I start this website?

It's always fun to talk or think about programming, especially when you tackle a difficult problem or find some new feature you're excited about. So I thought, why not write it down somewhere and maybe help other developers out who are facing the same problems.

Now it's just a matter of actually adding more posts here, so hopefully when you visit again in a few weeks or months there's some actual talk about programming!

For now, I'll leave you with some technical details about the website itself, just to have some content related to actual programming 😉.

So, how is this website made?

I started the website by using the blog starter example. It's a Next.js application that statically generates this website using Vercel to build, deploy and host it. All pages are made by converting markdown files into HTML with the help of remark. I extended this functionality with some packages:

• Remark prism
  Adds support for code fragments in markdown, like this C# example:

namespace My.Example.Project
{
    public class Example
    {
        public string SomeProperty { get; set; }
    }
}

It also supports a lot of other languages!

• Remark mermaidjs
  Adds support for mermaid charts in markdown. For example, a flow chart:

And it supports other types of diagrams as well.

And lastly (for now) I added Plaiceholder to optimize the loading speed of images. Plaiceholder can generate a base64 image that Next.js can use to create a very small, blurry preview of all images used for posts (check out the cover image of this post (use network throttling to really see the effect).

That's it for now!

Check out projects I've worked on, or am currently working on here.
Or go here to read more about me.