Back to Projects
Project screenshot

This Portfolio

Web App
Next.js 16React 19TypeScriptTailwind CSS 4ResendClaude APIVercel Analytics
View SourceLive Demo

About This Project

arinkarabulut.com is itself a Next.js 16 and React 19 app on Vercel. Content is typed TypeScript data, so adding a project is a commit and a deploy. The projects section renders live iframes of each site in a sticky preview that follows your scroll, with an image fallback for sites that block embedding. Project pages get their own metadata and canonical URLs, and the Open Graph image, favicon, sitemap, and robots file are all generated at build time. The contact form posts to a route handler that validates input, escapes it, and sends through Resend with a reply-to header. The Brand Forge demo runs as a server action against the Claude API. Vercel Analytics tracks traffic.

Key Features

  • Scroll-linked live iframe previews with image fallback
  • Per-project metadata, canonical URLs, and sitemap entries
  • Generated Open Graph image and icons
  • Validated contact form delivered through Resend
  • Server-action demo backed by the Claude API