Geliştiriliyor
Canberk.dev
Klasik portfolyo siteleri statik ve sınırlı kalır. Bu platform; admin CRUD paneli, devlog sistemi, dinamik OG görseli üretimi, RSS feed, Ctrl+K arama ve i18n desteğiyle gerçek bir SaaS ürünü gibi tasarlandı.
Proje sağlığı
%72 uygulama ilerlemesi
Next.jsTypeScriptPrismaPostgreSQLTailwind CSSCloudinaryFramer MotionRadix UI
Problem
Klasik portfolyo siteleri sadece statik içerik gösterir; gerçek ürün geliştirme kasını ve mimari düşünceyi yansıtmaz.
Çözüm
Yönetim paneli, içerik sistemi ve canlı güncelleme akışıyla donatılmış, üretim kalitesinde SaaS mimarisiyle inşa edilmiş portfolyo platformu.
Mimari
Ön Yüz
Next.js 15 App Router
Arka Uç
Server Actions + API Routes
Veritabanı
PostgreSQL + Prisma ORM
Medya
Cloudinary
Deploy
Fly.io + Neon
Özellikler
- — Tam CRUD admin paneli (projeler, devlog, timeline, teknolojiler, medya)
- — Dinamik OG görseli üretimi (/og route, Edge Runtime)
- — RSS feed (/feed.xml) — devlog akışı
- — Ctrl+K site geneli arama paleti
- — i18n dil desteği (TR / EN)
- — Müsaitlik rozeti — admin'den toggle edilebilir
- — GitHub aktivitesi widget'ı
- — Online CV sayfası + Yazdır/PDF
- — İletişim formu — Resend ile email bildirimi
- — JWT cookie auth — kütüphane bağımlılığı olmadan
Zorluklar
- — Next.js 15 Server Actions ile optimistic UI tasarımı
- — Edge Runtime'da dinamik OG görseli üretimi
- — JWT auth: jose kütüphanesiyle cookie bazlı session
- — Cloudinary upload signature sunucu tarafı imzalama
Öğrenimler
- — App Router Server/Client Component sınırları
- — Prisma ile PostgreSQL ilişki modelleme
- — Next.js middleware ile route koruması
- — Radix UI + Tailwind ile erişilebilir component sistemi
Yol haritası
- — Tam i18n (server-side içerik çevirisi)
- — Email şablon sistemi
- — Proje analytics (sayfa görüntüleme)
- — Yorum sistemi