$ sebastianmorkel

home / Personal Portfolio

Personal Portfolio

live

A statically-generated portfolio and skills hub built with Astro. One tagged content source that populates filtered discipline pages, a skills explorer, and auto-generated PDF CVs.

webdevsoftwaredev
Built with
  • Astro
  • TypeScript
  • Cloudflare Pages
  • Playwright

This site itself! a fast, content-driven portfolio I designed and built from scratch.

  • Built as a statically-generated site in Astro + TypeScript (strict), deployed with Cloudflare Pages with push-to-deploy CI.
  • Authored every project and skill as a single tagged content collection (Zod-validated), so each entry is only written once and automatically surfaces on each discipline it’s tagged with (and no duplications).
  • Designed a token-based design system with two switchable themes. A terminal / amber-CRT aesthetic and a clean editorial theme. All from one shared component set.
  • Generated downloadable per-discipline PDF CVs at build time by rendering the live CV pages with headless Chromium/Playwright in CI.
  • Configured the custom domain, DNS, and automatic HTTPS on Cloudflare.
  • Wired up Sveltia CMS (Git-backed) so content can be edited through a UI via an admin panel from any device without touching the repo directly.

Source: github.com/sebastianmorkel/sebastianmorkel.com