Gezelligheid Portfolio
โ† All projects
VueVikeTypeScriptHonoSQLiteTailwind

Gezelligheid Portfolio

Personal portfolio site built with Vike, Vue 3, Hono, and SQLite. Features a warm, playful paper-and-ink design system, SSR, and a markdown-driven work section.

Client: Personal project


Overview

This is the very site you're looking at. Built from scratch as a way to showcase work and experiment with the Vike SSR framework on top of a Hono server.

What I built

  • A fully custom design system: warm paper background, ink-black type, and hard-shadow "sticker" UI
  • SSR-first architecture. Pages are rendered on the server for fast initial loads
  • Markdown-driven work section (you're reading one right now)
  • Smooth page transitions and scroll-based reveal animations
Portfolio screenshot

Stack

  • Frontend: Vue 3 + Vike for SSR
  • Server: Hono running on Photon
  • Database: SQLite via better-sqlite3
  • Styling: Tailwind CSS v4 with a playful neubrutalist-lite theme
  • Deployment: Vercel

Challenges

Getting Vike's prerender config to play nicely with dynamic data required some careful config scoping per-route. The markdown pipeline with gray-matter + marked turned out to be the cleanest solution for managing project content.

This site is open source. The markdown-driven work section means adding a new project is as simple as dropping a .md file in the work/ folder.

Build things you're proud to show. . Gezelligheid_