shape

个人网页作品集 - 使用 Next.js 与 Prisma 以数据库管理简历

概述

打造无需修改代码即可更新简历的个人作品集网站

技术栈

  • PostgreSQL

    PostgreSQL

  • Prisma

    Prisma

  • Cloudflare

    Cloudflare

  • Vercel

    Vercel

  • TypeScript

    TypeScript

  • React

    React

  • Tailwind CSS

    Tailwind CSS

团队

1 人(个人项目)

期间

2025.08 ~ 2025.10

相关链接

网页

详细内容

  1. 概述
    • 这是我使用 TypeScript 与 Next.js 亲手打造的个人 Web 作品集。
    • 技术栈、活动经历、项目详情等全部内容均由 PostgreSQL 管理并通过 Prisma 查询,从而做到无需改动代码即可更新履历。
    概述 1
  2. 项目详情弹窗
    • 实现了点击项目卡片时通过拦截路由(Intercepting Route)打开弹窗,而直接访问该地址时则渲染为整页的效果。
    项目详情弹窗 1
  3. 技术栈
    • 使用 TypeScript、Next.js、React 实现前端,并用 Tailwind CSS 进行样式设计。
    • 通过 Prisma 与 PostgreSQL 管理内容,并使用 Framer Motion 实现交互。
    • 图片存储于 Cloudflare R2,网站部署在 Vercel。