Back to projects
Product EngineeringReleased: March 27, 2026

Anıl Karaca

The site you’re viewing: one place for my apps, reporting, case studies, and documentary work.

Astro 5TypeScriptTailwind CSSMDXReact IslandsJSON-LD
Open project

My roleInformation architecture, writing, visual direction, and development

Anıl Karaca

Content

One archive

Apps, reporting, films, and case studies share one clear structure.

Build

Astro + MDX

Static pages stay fast while richer stories can use interactive components.

Discovery

SEO + social cards

Each piece has its own metadata, structured data, and share image.

Why I made it

My work crosses product design, development, journalism, and film. Splitting those into separate portfolios would hide the common thread, so I built one site that makes the range easy to scan without flattening every project into the same format.

What I built

  1. 01

    Created separate content models for projects, articles, and video while giving them a shared visual language.

  2. 02

    Used Astro and MDX for fast static pages, with React only where an interaction needs it.

  3. 03

    Built reusable metadata, social images, and related-work links into the publishing flow.

The key decision

The main decision was how to present a mixed body of work without making the navigation feel like several sites joined together. I organized the archive by what visitors are looking for, then let each project keep the format it needs.

Under the hood

Astro content collections keep project and article data structured, MDX supports longer stories, and shared SEO helpers generate metadata and structured data across the archive.

Outcome

The result is a portfolio that can grow with new apps, reports, and films without needing a new design for every addition.

Related projects