Dev_Adidas Store: Responsive Adidas-style E-commerce

Next.js 16

Project Review

Dev_Adidas Store: Responsive Adidas-style E-commerce

Click to Enlarge

Project Overview

Dev_Adidas is a polished, mobile-first ecommerce prototype inspired by the Adidas storefront. Built with Next.js 16 and TypeScript, it reproduces the original React UI exactly while adding App Router navigation and Turbopack performance. Features include a full product catalog, product detail pages, cart flow, auth (login/register), profile and settings pages, dark/light theme with ThemeContext, bilingual support (EN / AR) via i18next, search and category filters, promotional sections (NEW COLLECTION / Trending), and responsive mobile layouts. The project preserves original CSS visuals, focuses on fast client navigation, accessibility and SEO friendly markup, and is deployed at dev-adidas.vercel.app.

Technologies Used

Next.js 16TypeScriptCSS Modulesi18next (EN/AR)ThemeContext (Dark/Light)TurbopackResponsive DesignEcommerce UIClient NavigationPerformance Optimization

Visual Gallery

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 2

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 3

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 4

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 5

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 6

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 7

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 8

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 9

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 10

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 11

Dev_Adidas Store: Responsive Adidas-style E-commerce screenshot 12

Project Resources

Source Code

Have a similar project in mind? Let's talk about it.