cover

Yonsei Tumor Immunology Lab — Website Redesign

Redesigned a university research lab website from Google Sites to Next.js with Notion CMS integration : enabling non-developers to manage content directly. Delivered and handed off with full documentation.

2026-04-02

Next.jsTypescriptTailwind CSSNotion APIVercelClaude Code
FreelanceWeb

Yonsei Tumor Immunology Lab — Website Redesign

Rebuilt a university research lab website from Google Sites to Next.js with Notion CMS — delivered and handed off to a non-developer client.

🏫 Freelance Project · Yonsei University, Seoul, Korea (2026)


Overview

Client: Tumor Immunology Lab, Yonsei University Live: https://tumorimmunology.yonsei.ac.krRole: Solo developer (design → development → deployment → handoff)

image
image
image
image

Problem

The existing Google Sites website had no customization flexibility, no content management system, and was visually outdated compared to neighboring labs.


Solution

Redesigned and rebuilt the entire website with a clean academic aesthetic, and integrated Notion as a CMS so the lab manager can update content without touching code.


Key Features

  • Notion CMS Integration — People, Publications, and Announcements managed directly from Notion DB
  • ISR (Incremental Static Regeneration) — Auto-revalidation every 30 min to handle Notion image URL expiration
  • Fallback Handling — Static data fallback when Notion API is unavailable
  • CI/CD Pipeline — GitHub → Vercel auto-deploy on push
  • Full Handoff — Repo transfer, Notion workspace migration, and documentation provided

Architecture

Notion DB (People / Publications / Announcements) ↓ Notion API (server-side fetch) ↓ Next.js App Router (ISR, revalidate: 1800) ↓ Vercel (auto-deploy from GitHub) ↓ tumorimmunology.yonsei.ac.kr


Stack

Next.js · TypeScript · Tailwind CSS · shadcn/ui · Notion API · Vercel