Custom CMS & Portfolio System (Next.js 16)
Hakan İspir
Personal Portfolio & Blog
The Challenge
Most developer portfolios are static sites. I wanted to build a dynamic, high-performance platform that functions as a full-stack application, complete with a secure admin dashboard for content management and real-time internationalization.
The Solution
I engineered a production-grade system using the latest Next.js 16 (App Router). Instead of using a headless CMS, I built a custom Admin Panel from scratch to have full control over the data and editing experience.
Core Features
Bilingual Content (i18n): Fully localized for English and Turkish using
next-intlayer, including translated URL slugs.Dynamic Content Management: A secure admin panel to create, update, and delete projects.
Markdown Support: A rich markdown editor with live preview for project descriptions.
Secure Authentication: Admin-only access using
next-auth with credentials provider.File Uploads: Project thumbnail uploads handled by Vercel Blob storage.
Contact Form: A server-side contact form that sends emails using Resend.
Dynamic OG Images: On-the-fly Open Graph image generation for rich social sharing.
Theming: Dark/Light mode support with
next-themes.Database & ORM: Built with Vercel Postgres and Drizzle ORM for type-safe database access.
🚀 Tech Stack
Framework Next.js 16 (App Router)
Language TypeScript
Styling Tailwind CSS v4 & shadcn/ui
Database Vercel Postgres (Neon)
ORM Drizzle ORM
Authentication Auth.js (NextAuth v5)
Internationalization Intlayer (v7)
File Uploads Vercel Blob
Email Resend
Form Management React Hook Form & Zod
Logging Winston
Deployment Vercel
Like this project
Posted Dec 12, 2025
Developed a multilingual personal portfolio website with advanced features. Tech Stack: Next.js 16, TypeScript, Vercel, Drizzle ORM, PostgreSQL, Tailwind CSS
