Samiran.dev Professional Portfolio

A Next.js portfolio built around structured, version-controlled project content, reusable case-study routes, and previewable Vercel deployments.

Samiran.dev Professional Portfolio preview
Role
Product Designer and Full-Stack Developer
Status
Active

Project overview

Samiran.dev is my professional portfolio and the system you are reading now. It is a Next.js and React application customized for project case studies, professional history, articles, and reusable content rather than a collection of hard-coded showcase pages.

Content architecture

The current application reads structured project JSON and Markdown content from the repository. Typed server-side content loaders convert those files into the project, page, article, and experience models used by the UI.

The site previously used a Notion-oriented content workflow. The repository contains a migration script that moved a Notion backup into the current Decap/repository-managed content structure, allowing portfolio content to be reviewed and versioned beside the application code.

Current content and deployment architecture for Samiran.dev.
Current content and deployment architecture for Samiran.dev.

Case-study system

Each project can include a cover visual, role, timeline, status, technology tags, live or design links, and a Markdown case-study body. That lets simple project cards and long-form engineering stories share the same content model.

Deployment workflow

The application is deployed through Vercel and supports preview deployments before changes reach the public samiran.dev domains.

Why I built it this way

A portfolio changes frequently: projects gain evidence, dates get corrected, screenshots arrive later, and older claims sometimes need to be removed. Keeping content structured and version controlled makes those corrections auditable and lets the presentation evolve without rewriting every page.

Technologies used

Next.jsReactTypeScriptTailwind CSSDecap CMSMarkdownJSONGitHubVercel