Nike Clone
Give it a visit
My Role
Team lead -- Design, prototyping and wireframing, interaction design, front-end code
Team
-
Tech stacks
React Js | Next Js 15 | Shadcn UI | Tailwind CSS
Overview
A pixel-perfect clone of Nike's landing page built with Next.js for server-side rendering (SSR), React for seamless interactivity, and Shadcn UI for a modern and responsive design. This project focuses on replicating the aesthetics and responsiveness of the original landing page, showcasing advanced front-end development skills and attention to detail.
My Role
Team lead -- Design, prototyping and wireframing, interaction design, front-end code
Team
-
Tech Stacks
React Js | Next Js 15 | Shadcn UI | Tailwind CSS
Overview
A pixel-perfect clone of Nike's landing page built with Next.js for server-side rendering (SSR), React for seamless interactivity, and Shadcn UI for a modern and responsive design. This project focuses on replicating the aesthetics and responsiveness of the original landing page, showcasing advanced front-end development skills and attention to detail.
HIGHLIGHTS AT A GLANCE
A pixel-perfect Nike landing page clone showcasing advanced front-end development and responsive design
DESIGN
Extending the Power of Tailwind CSS
Rapid Development and Highly Customizable
Accelerates development by letting you write styling and structure simultaneously in HTML/JSX without switching files, while allowing you to define custom colors, fonts, spacing, and even create new utility classes.
smartastudio.com
PERFORMANCE
Server Side Rendering with Next js
Boosting Load Times and SEO
Server Side Rendering (SSR) with Next.js ensures that web pages are pre-rendered on the server, delivering fully rendered HTML to the client. This approach significantly improves page load times, especially for low connection users.
startupcode.kr