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
  • Admin
    • 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