Platform

mcorucu Portföy Platformu

Gerçek bir ürün gibi kurgulanmış iki dilli portföy ve CMS platformu.

mcorucu Portföy Platformu

Müşteri Tipi

İç kullanım amiral platformu

Sektör

Portföy Platformu

Sonuçlar

İki dilli yayın aktif | CMS kapsamı genişledi | Yönetim operasyonları merkezileşti

İhtiyaç

Ürün hem dışarıda güçlü ve premium görünmeli hem de içerik tarafında gerçekten kullanılabilir bir yönetim paneli sunmalıydı. Yani ne sıradan bir şablon gibi durmalıydı ne de gereksiz ağır bir panel gibi.

Strateji

Kamusal yüz ve admin paneli aynı ürün diliyle kuruldu. İçerik tipleri baştan düzenli modellendi, iki dil desteği ilk günden sisteme işlendi ve yapı kontrollü şekilde büyüyebilsin diye tekrar kullanılabilir alanlar oluşturuldu.

Süreç

Marka yönü, bilgi mimarisi, veri modeli, UI sistemi, public sayfalar, admin araçları, medya akışı, yerelleştirme ve güvenlik tarafı aynı ürün içinde birlikte ilerledi.

Genel Bakış

mcorucu portfolio sadece görünen yüzü olan bir vitrin sitesi değil. Aynı zamanda içerik yönetimi, proje yayını, blog, medya kullanımı ve admin tarafı gerçekten çalışan bir ürün yapısı. Yani hem dışarıdan işi düzgün anlatıyor hem içeride bunu rahat yönetebileceğiniz bir sistem sunuyor. Bu platformu kurarken amaç basitti: portföy tarafı kaliteli görünsün ama iş sadece tasarımda kalmasın. İçerik rahat güncellensin, projeler düzenli yönetilsin, blog yazıları eklenebilsin, medya tarafı kontrol altında olsun ve tüm yapı iki dilde çalışabilsin. Bunu tek bir ürün içinde toplamak önemliydi; çünkü marka sunumu ile günlük içerik operasyonu aynı omurgada ilerleyince sistem daha tutarlı hale geliyor. Public tarafında Next.js App Router, TypeScript, Tailwind CSS ve Framer Motion kullanıldı. Admin tarafı da aynı görsel disiplini koruyor ama burada odak kullanım kolaylığı. Sayfa düzenleme, proje yönetimi, blog, medya, loglar, güvenlik merkezi ve iki dilli içerik alanları bu yüzden ürünün doğal parçası oldu. Bu yapının güçlü kalması için içerik modeli de baştan düzenli kuruldu. Projeler, blog yazıları, hizmetler, sayfa bölümleri, navigasyon ve ayarlar tek tek düşünülerek modellendi. Blok düzenleme yaklaşımı sayesinde içerik tarafı daha esnek hale geldi ama render disiplini de korunmuş oldu. Güvenlik tarafı da bu ürünün önemli parçası. Giriş koruması, captcha, aktivite logları, güvenlik durumu ve üretim odaklı başlıklar bu yüzden sisteme dahil edildi. Çünkü hedef yalnızca güzel görünen bir demo değil, gerçek dünyada ayağa kalkabilecek bir ürün çıkarmaktı. Kısacası bu proje, hem yaptığım işi anlatan hem de kendi başına gerçekten çalışan bir platform. O yüzden portföyde yer alması benim için önemli; çünkü burada anlatılan mühendislik yaklaşımı doğrudan ürünün kendi içinde de görülüyor.

Tasarım Kararları

Public tarafta daha sakin ve editoryal bir yapı kuruldu, admin tarafında ise kullanım kolaylığı öne alındı. Hareket gösteriş için değil hiyerarşi ve his için kullanıldı.

Temel Özellikler

İki dilli site, proje vaka çalışmaları, blog, blok düzenleme, medya kütüphanesi, iletişim akışı, yorumlar, aktivite logları, güvenlik merkezi, arama ve Docker uyumlu dağıtım yapısı.

Teknik Yapı

Next.js, TypeScript, Tailwind CSS, Framer Motion, Prisma, PostgreSQL, NextAuth, Docker, CMS Architecture, Security Hardening

Ekran Görüntüleri ve Galeri

mcorucu Portfolio Platform mockup 1
mcorucu Portfolio Platform mockup 2

Benzer Projeler

Shopify API Entegrasyonu 03

Ürün, sipariş ve müşteri verisini farklı iş sistemleri arasında daha güvenilir taşıyan Shopify entegrasyonları kuruldu.

Vaka çalışmasını aç

WordPress Headless Platformu 02

Daha esnek ve daha hızlı bir kurgu için API odaklı içerik sunumu ve ayrıştırılmış ön yüz katmanı oluşturuldu.

Vaka çalışmasını aç

Markanız için benzer bir yapı mı düşünüyorsunuz?

İşi, ihtiyaçları ve doğru teknik yolu birlikte netleştirelim.