← Projects
Project case study

seongjulee.com

A quiet academic archive built with Next.js to connect publications, talks, research projects, essays, and future clinical training in one durable record.

Overview

This site is infrastructure for academic memory. Instead of treating publications, talks, projects, and essays as separate lists, seongjulee.com is designed to let a visitor follow a research theme across outputs: from a conference poster, to a paper, to a project case study, to a broader reflection.

Return home
What it demonstrates
4 lanes
Publications, talks, projects, and writing
Markdown
Versioned academic records in content files
SEO
Route metadata, structured data, and social previews
2028
Medical-school transition kept visible in context
Case notes
Background

Research careers are easier to read by theme than by chronology.

A CV lists outputs in time order, but collaborators often want to understand a research direction. The site makes MTNR1A, FBS blastocyst culture, porcine fluid therapy, public veterinary tools, and physician-scientist preparation legible as connected threads.

Role

The project is both design system and editorial system.

I maintain the site as a lightweight Next.js archive: page structure, visual system, content model, metadata, and the editorial choices that decide how each output should be presented.

Method

Static content keeps the archive durable and easy to review.

Markdown content files feed typed collection helpers, route-level metadata, OpenGraph summaries, and list/detail views. That keeps the site fast, versionable, and easy to update as new papers or talks appear.

Meaning

The site turns a portfolio into a map of research development.

The current direction is to make cross-links stronger so visitors can move from a paper to a talk to a project without needing to infer the relationship from dates alone.

Information architecture
01

Collect

Keep publications, talks, projects, and essays in small content files with stable identifiers and metadata.

02

Connect

Use related-output links to join papers, presentations, and project narratives by research theme.

03

Summarize

Expose selected work, contribution notes, and case-study pages for faster collaborator scanning.

04

Validate

Run production builds, metadata checks, and responsive QA so the archive remains shareable.

Build highlights
  • Next.js App Router site with route metadata, OpenGraph image support, RSS, robots, sitemap, and JSON-LD structured data.
  • Markdown-backed content collections for publications, talks, projects, and articles.
  • Researcher-focused visual system built around dense lists, readable case studies, and restrained navigation.
  • Ongoing accessibility and responsive QA for mobile rows, focus states, and external-link affordances.
Next priorities
  • Make topic-based trails clearer across Publications, Talks, and Projects.
  • Keep homepage selected work aligned with the newest papers and representative public tools.
  • Continue checking metadata and broken-symbol regressions after each content update.
Related outputs
ArchivePublication record->ArchiveConference and talk record->ArchiveResearch essays->