Behind the scenes

Behind the scenes

A look at the technologies and tools used to build this website.

26.02.2024

Why

The concept of the internet is something that grew up with me. Looking back, the idea of having a website was always something that fascinated me. The first iteration of Kosro.de was a simple HTML page with a few paragraphs about some personal projects, built in 2015.

Over the years, I've scrapped and rebuilt the site many times, using different technologies and approaches. Most of them were considered "modern" at the time and have fallen out of favor since (JQuery

Favicon
, WordPress
Favicon
). This time, I wanted to build something that would last (lol as if).

What

This website is based on Vitesse

Favicon
, a fantastic Nuxt 3
Favicon
template by Anthony Fu
Favicon
.

It comes with UnoCSS

Favicon
, an incredibly powerful CSS engine, Pinia
Favicon
state management, and a near-perfect ESLint configuration
Favicon
.

This site also makes use of Nuxt Content

Favicon
to generate the blog pages from markdown files.

SEO is handled using Nuxt SEO

Favicon
, a collection of Nuxt modules that take care of the sitemap, meta tags, OG Images and more.

The code is hosted on GitHub

Favicon
and automatically deployed to netcup
Favicon
using GitHub Actions
Favicon
.