Project
Korean Skincare Webshop
SSR vs CSR exploration
Overview
Two implementations of the same webshop created to compare client-side and server-side rendering approaches in practice.
What the project is
The goal is to understand how CSR and SSR affect structure, routing, performance, and developer experience — by building the same product flow in two different ways.
Process
- Created a consistent component structure to keep versions comparable.
- Built a CSR version focused on client-side state and interactivity.
- Built an SSR version in Next.js to explore routing and rendering patterns.