shape

Personal Web Portfolio - Managing My Resume in a Database with Next.js and Prisma

Overview

Building a personal portfolio site that lets me update my resume without changing any code

Tech Stack

  • PostgreSQL

    PostgreSQL

  • Prisma

    Prisma

  • Cloudflare

    Cloudflare

  • Vercel

    Vercel

  • TypeScript

    TypeScript

  • React

    React

  • Tailwind CSS

    Tailwind CSS

Team

1 member (personal project)

Period

2025.08 ~ 2025.10

Links

Web Page

Details

  1. Overview
    • A personal web portfolio I built myself with TypeScript and Next.js.
    • All content — tech stack, activities, project details, and more — is managed in PostgreSQL and queried via Prisma, so my profile can be updated without any code changes.
    Overview 1
  2. Project Detail Modal
    • Implemented it so that clicking a project card opens a modal via an intercepting route, while opening the URL directly renders it as a full page.
    Project Detail Modal 1
  3. Tech Stack
    • Implemented the frontend with TypeScript, Next.js, and React, and styled it with Tailwind CSS.
    • Managed content with Prisma and PostgreSQL, and implemented interactions with Framer Motion.
    • Stored images in Cloudflare R2 and deployed the site on Vercel.