Paria Creative Vision

Where code inspires creativity and photography captures emotion. I merge the digital and visual worlds to create stories that reflect both structure and soul. Discover the art of seeing through both logic and light.

Navigation

  • HOME
  • PORTFOLIO
  • WORK
  • ARTICLES
  • ABOUT

Get in Touch

Paria

Available for collaborations.

© 2026 Paria Creative Vision. All Rights Reserved.

Crafted with passion inEurope

PARIACREATIVE VISION
  • HOME
  • PORTFOLIO
  • WORK
  • ARTICLES
  • ABOUT
  • HOME
  • PORTFOLIO
  • WORK
  • ARTICLES
  • ABOUT

© 2026 Paria Creative Vision

All Work
2025–2026

Paria Creative Vision

A full-stack portfolio merging software engineering and photography into one unified product — built with performance, accessibility, and a clear design vision.

Paria Creative Vision screenshot
The Problem

The format was the problem. Standard portfolio tools force a split between technical depth and visual identity. I treated the portfolio itself as a product problem and built accordingly.

Key Decisions
01

Next.js App Router over Pages Router

Server Components allow data fetching without client-side waterfalls...

02

Supabase over a headless CMS

For the backend, I used Supabase, which provides a managed PostgreSQL database, storage, and an API layer. This let me focus on product features instead of infrastructure while still getting a typed, scalable backend out of the box. A key advantage was type safety: by generating TypeScript types directly from the database schema, queries become type-safe, refactoring becomes safer and more predictable, and frontend and backend stay in sync.

03

Custom design system over a component library

Using shadcn or MUI would hide the design thinking. Building tokens, typography scale, and components from scratch shows I can own the full visual layer.

04

CI/CD pipeline from day one

Every push to main runs lint, type check, and a full build before deploying to Vercel. Catching regressions early — even on a solo project — keeps the codebase production-ready at all times and mirrors the discipline expected in a team environment.

05

TypeScript strict mode from the start

No any, no shortcuts. Types are generated directly from the Supabase schema, so the database and frontend stay in sync automatically. Refactoring is safe, onboarding is faster, and bugs surface at compile time instead of in production.

06

Accessibility as a constraint — for everyone from the start

Semantic HTML, keyboard navigation, ARIA labels, and focus management in the lightbox were built in from the beginning — not added later. In markets like Norway where WCAG compliance is taken seriously, this is a baseline, not a bonus.

Outcome

A live production site that serves as both a photography portfolio and an engineering case study.

Read Deeper
From Architecture to Code: Implementing the Interactive FeaturesMedium · paria-heidari
Next.js Portfolio Architecture: Modular, Scalable and MaintainableMedium · paria-heidari
Website Preview
paria.eu
Paria Creative Vision full-page preview

Year

2025–2026

Role

Solo — Product Design, Architecture, Engineering

Stack

Next.js 15TypeScriptSupabaseTailwind CSSPostgreSQL

Links

Live Site