Frontend

The tools I rely on when building interfaces -

TECH STACK OVERVIEW

TypeScript

+

Next.js

+

TailwindCSS

=

SHIPPED UI

A typed, composable stack chosen for speed and maintainability - from design to production.

LANGUAGE

TypeScript

Static types catch bugs before they ship. Every component, hook, and data schemas fully typed. Built on top of JavaScript and its best practices with ES6+.

v6.0.0

Typescript logo
+
FRAMEWORK

Next.js

App router, RSC, and edge-ready. The backbone for routing, rendering, and data fetching. Built on top of React, with best practices of course.

APP ROUTER

Next.js logo
+
STYLING

TailwindCSS

Utility-first CSS that keeps styles colocated with markup. No context-switching. Applying modern CSS principles and design patterns.

v4

Next.js logo
=
EXAMPLE PROJECT

HeimdallQC

Next.js made server-side utilities like middleware, route proxying and JWT gen + validation much easier to implement. Combining this with TypeScript for type validation (especially useful when handling data) and Tailwind for theming and modular patterns led to less headache with the design and development, letting me focus more on the service itself.

heimdallqc.com
HeimdallQC screenshot