2026 - Present
Personal Website
The site you're looking at. Built with Next.js 16, Tailwind CSS v4, and Framer Motion.
About this project
A responsive personal portfolio site built with Next.js 16 App Router, Tailwind CSS v4, shadcn/ui component library, and Framer Motion for scroll-triggered animations. Features dark/light theme toggling powered by next-themes, smooth scrolling via Lenis, and a searchable, filterable projects section backed by static TypeScript data files.
Key Techniques
Next.js App Router with static export
RSC-first rendering with full SSG enables zero cold starts and instant page loads without a running server.
Configured the static export pipeline and structured all routes under the App Router paradigm.
Framer Motion whileInView
Scroll-triggered animations create a polished feel without impacting initial page load performance.
Designed and implemented all entrance and hover animation variants across the site.
Tailwind CSS v4 with CSS variables
Theme-aware design system with dark/light mode support driven entirely by CSS custom properties.
Built the full token system and dark/light mode switching via next-themes.
Project Timeline
Sprint 1
Defined, designed and developed the minimal viable product (MVP) to show all the basic informations with Next.js and agentic engineering.
Sprint 2
Refining the interactions of the website to improve the user experiences
Outcomes
- Delivered a fully functional personal portfolio with dark/light theming and smooth scroll animations.
- Built and deployed the entire site solo in under 2 weeks with off-work time only.