Back to projects
Product Engineering Published: March 27, 2026

Anıl Karaca

A portfolio platform that turns journalism, shipped apps, interactive case studies, and supporting media into one coherent editorial product.

Astro 5 TypeScript Tailwind CSS MDX React Islands JSON-LD

Executive Summary

Anıl Karaca is a portfolio website designed as an editorial product system, not a brochure. The project had to reconcile several modes of work at once, making apps, journalism, investigations, and documentary material feel like one body of work instead of separate identities stitched together in the nav.

Role

Information architecture, content modeling, visual direction, Astro implementation

Impact

Turns a broad body of work into a portfolio people can scan, understand, and trust quickly.

Anıl Karaca

Core system

Portfolio platform

Built as a durable content system instead of a static personal homepage.

Content model

Multi-collection

Projects, articles, and videos all live inside one structured archive.

Rendering model

Astro + islands

Mostly static output with React used only where interactivity adds value.

Distribution layer

SEO + OG

Structured metadata, social cards, and content-specific routes are built into the system.

Context & Problem Space

Personal portfolios often collapse under mixed disciplines. A site that includes reporting, civic analysis, consumer apps, and case studies can easily become fragmented, repetitive, or difficult to navigate. This project was built to solve that problem by giving the work a shared architecture, consistent visual language, and a content model that makes different formats feel related rather than forced together.

Reporting Workflow

  • Built the site with Astro 5, TypeScript, Tailwind CSS, and MDX so editorial pages, project case studies, and static performance could coexist cleanly.
  • Modeled projects, articles, and videos as separate content collections, allowing each type to keep the right schema while still feeding shared archive pages.
  • Used React islands only where richer interactivity was necessary, keeping the rest of the site lightweight and fast by default.
  • Added JSON-LD, social image routes, and shared SEO utilities so every piece of work can travel well beyond the site itself.

Article & Visual Analysis

Anıl Karaca

This project is less about a single landing page and more about portfolio architecture. The site had to behave like a flexible editorial system while still presenting apps and product case studies with enough clarity to feel commercial and current.

Product logic

The central decision was to avoid splitting the work into disconnected mini-portfolios. Instead, the site treats journalism, apps, investigations, and documentary material as related proof of one way of working: framing complex problems, designing an interface around them, and shipping the result with enough structure to last.

System design

Astro and MDX make the content layer manageable, while typed collections protect the structure of projects, articles, and videos. Shared layouts let new work inherit the same rhythm instead of forcing every addition into a fresh page design. That is what keeps the archive coherent even as the subject matter changes.

Why this belongs in the portfolio

This case study matters because the site is also a product in its own right. It demonstrates content architecture, frontend system design, editorial judgment, and the ability to turn a complicated professional story into a navigable digital experience.

Related Work

Selected adjacent work that extends the same problem space from a different angle.

Pimlico
Product Engineering

Project case study

Mar 20, 2026

Pimlico

A database-backed restaurant website that combines premium brand presentation with multilingual, maintainable menu management.

Role: Product direction, UI implementation, Next.js architecture, database-backed menu system

Impact: Turns a visually refined restaurant site into an operational product the team can update without rebuilding the frontend each time.

Next.js 15 React 19 TypeScript Prisma
Op.Dr. Zeynep Esin Tuncay
Product Engineering

Project case study

Mar 26, 2026

Op.Dr. Zeynep Esin Tuncay

A specialist healthcare website that blends service discovery, patient-friendly content, and appointment-oriented navigation.

Role: Website structure, service architecture, patient-facing UX framing, digital delivery

Impact: Turns specialist expertise into a clearer and more trustworthy online entry point for patients.

WordPress Avada jQuery Instagram Embeds