← Back to projects

Personal Portfolio Website (Next.js + Tailwind)

The portfolio site is a Next.js (app-router) application written in TypeScript with Tailwind CSS for styling. It demonstrates server/client component separation (server-side photo listing, client-side rotating galleries), image preprocessing with sharp, and typical static/dynamic page patterns. The repository includes utility scripts for processing user photos and generating favicons.

Source
Next.jsReactTypeScriptTailwind CSSNode.jsSharp

Gallery

Photograph of Portfolio home — hero section with a brief introduction and primary links to projects and resume.
Portfolio home — hero section with a brief introduction and primary links to projects and resume.
Photograph of About page — personal bio, skills summary, and contact links.
About page — personal bio, skills summary, and contact links.
Photograph of Projects list — grid of featured projects with short summaries and tech tags.
Projects list — grid of featured projects with short summaries and tech tags.
Photograph of Resume preview — embedded résumé PDF providing experience and education highlights.
Resume preview — embedded résumé PDF providing experience and education highlights.